본문 바로가기

분류 전체보기102

코드스테이츠 프론트엔드 부트캠프 Day 35 1. 오늘 배운 것: 리액트 useEffect 와 AJAX 요청 과제 실습 진행 2. 어려웠던 점: 처음 써보는 개념들이라서 흐름 자체는 알겠는데 코드로 작성하려고 하니까 감이 잘 안왔음... 3. 극복/해결하기 위해 한 일: 동기들을 붙들고 힌트를 달라고 한 후, 그걸 토대로 코드를 작성해봤다. 그리고 그 코드가 어떻게 작동되는것인지 열심히 고민해봄 + 과제를 마친 후, 다시 코드를 하나씩 복습하면서 어떤 흐름으로 작동되는건지 동기한테 다시 설명하는 시간을 가짐. 그리고, 동기가 혼동했던 파트를 적극적으로 물어보고 논의를 이끌어서 clarify해냈다! 구웃 ㅎㅎ 4. 피드백: 포기만 안하면 뭐든지 언젠가는 된다! 두시간 이상을 매달려서 과제를 완료했더니 넘나 뿌듯! 오늘은 해당 과제를 다시 복습해본 후.. 2022. 12. 8.
코드스테이츠 프론트엔드 부트캠프 Day 34 1. 오늘 배운 것: 리액트 데이터 흐름, 상태 끌어올리기, effect hook, 컴포넌트 내 AJAX 요청 2. 어려웠던 점: 내용 자체는 이해했는데, 실습 할 때 객체 구조분해할당으로 쓰는 거 배울 때 설렁설렁 배우고 제대로 써보질 않아서 기억이 안났음. / 스터디 하면서 토이프로젝트 돔으로 뿌려주는걸 했는데, 돔도 그때 설렁설렁 배웠어서... 제대로 이해를 못하고 넘어갔던 부분에서 꽤 헤맸다. 3. 극복/해결하기 위해 한 일: 구조분해할당 / DOM 다시 복습하기로 결심!!! 4. 피드백: section 2도 끝나갈 때 쯤이 오니, 내가 설렁설렁한 부분은 뒤에서 어차피 다 다시 공부하고 갚게 되어있구나... 싶어서 지금은 뭐든 꼼꼼히 잘 배워두려고 하는 습관이 생겨서 다행이다. 앞에서 대충 이해하.. 2022. 12. 7.
반응형 웹 01 반응형 웹이란? + 최초의 반응형 웹 *사담 타임) 토이프로젝트에서 바닐라 자바스크립트만 이용해서 반응형 웹을 만들어보기로 했다. 반응형 웹은 프론트엔드 개발자라면 꼭! 알아야 할 기술이라고 생각해서, 붙캠 외에 강의를 추가로 들으면서 반응형 웹을 구현하는 방법에 대해서 공부하고 이를 토이프로젝트에 직접 적용해보기로 함! 카테고리를 만들어 공부 + 토이프로젝트 여정을 기록할 예정!! 새로운 걸 배우는건 언제나 신나 ㅎㅁㅎ 반응형 웹 디자인 (Responsive web design, RWD)이란? 다양한 기기나 브라우저의 크기에 맞게 구성이나 크기를 변경해가며 반응하는 웹문서 또는 이를 위해 사용하는 기법 -> 웹을 PC용 / 모바일용으로 각각 별개로 개발하지 않고, 하나의 공용 웹을 만들어 다양한 디바이스에 대응할 수 있음. -> 동일한 U.. 2022. 12. 6.
네트워크 02 AJAX 1. 현재의 무드: 매일회고 쓰고 온 직후라 생략. 반성모드임ㅎㅎ 부트캠프 컨텐츠 외에도 적극적으로 찾아서 이해의 폭과 깊이를 넓히면서 공부하자!! 2. 오늘 학습한 내용 중 키워드: AJAX 3. 오늘 학습한 내용 요약 *서버: 유저가 데이터를 요구하면 데이터를 보내주는 프로그램 -> 원하는 데이터 URL로 GET 요청을 하면 해당 데이터를 준다. GET 요청을 날리는 법 1) 주소창에 URL 쓰기 2) form 태그, 버튼으로 GET 요청 -> 브라우저 전체가 새로고침됨 3) AJAX로 GET 요청 -> 새로고침없이 서버에게 GET요청하는 자바스크립트 코드! AJAX 란? Asynchronous JavaScript And XMLHttpRequest -> JavaScript, DOM, Fetch, XM.. 2022. 12. 6.

티스토리툴바