🔥 Growing Log
-
[유데미x스나이퍼팩토리] 프로젝트 캠프 Next.js 1기 - 사전직무교육 후기
🗓️ 교육 기간 2024.05.24 ~ 2023.06.13 (3주) / 9:00 ~ 18:00 / 온라인 사전직무교육은 3주 동안 오프라인과 온라인으로 진행되었다. 원칙상 오프라인으로 참여해야 하지만, 집과 교육기관의 거리상 9시까지 가기엔 멀어서 나는 zep으로 온라인 수강을 하게 되었다. 실시간으로 진행되는 강의여서 별도의 녹화본은 제공되지 않는다. 1시간을 기준 50분의 학습을 하고 10분간의 쉬는 시간이 주어지며 12시부터 1시까지 점심시간이었다. 📚 교육 과정 1주차 : Javascript2주차 : React3주차 : Next.js자바스크립트 기초리액트 개발환경 설정 Next 개발환경 설정 자바스크립트 심화리액트 컴포넌트시스템파일과 메타데이터 DOM과 이벤트리액트 Hooks데이터..
2024.06.16 22:21 -
[유데미x스나이퍼팩토리] 프로젝트 캠프 Next.js 1기 - 14일차
14일 차인 오늘은 사전직무교육이 끝이 났다. 마지막까지 정말 많은 내용을 학습했다. 📚 학습한 내용- MongoDB + mongooes 복습 - MongoDB + Router Handler 캐싱 처리- useFormState- 실습 : TodoList + MongoDB 연동 구현- Next Auth - vercel 배포 ✍🏻 학습한 내용 정리 내가 어제 놓친 부분을 MongoDB와 mongooes를 사용한 실습을 다시 복습했다! 놓친 부분이라 속상했는데, 복습하는 과정이 있어 너무나 좋았다! MongoDB 회원가입을 하고 초기 세팅하는 과정은 생략되었지만, 어제 찾아서 설정해 두어서 실습을 수월하게 진행할 수 있었다. MongoDB의 대시보드 UI는 조금 어렵다. 😭 그래서 기억나는 부분..
2024.06.13 19:42 -
[유데미x스나이퍼팩토리] 프로젝트 캠프 Next.js 1기 - 13일차
13일 차인 오늘은 Next.js의 캐싱 메커니즘에 대한 이해를 바탕으로 Server Action 학습해 보는 실습시간이 있었고, MongoDB 사용한 데이터베이스 연결하는 방법을 학습했다. MongoDB를 세팅하는 방법이 꽤 어려웠다. 처음으로 강의를 놓쳤다. 한번 놓치니 따라갈 수가 없었다. 흐름이라도 파악하기 위해 듣기 했지만... 😭 어려웠다. 📚 학습한 내용- Caching- Server Action- ⭐️ MongoDB & mongooes ✍🏻 학습한 내용 정리 공식문서에서 말하는 Server Action은 서버 측에서 실행되는 비동기 함수이다. Server Action으로 생성된 함수는 데이터 변경과 Form 태그를 통해 사용자의 입력을 받아 서버에서 데이터를 처리하고 결과를 클라이..
2024.06.12 17:29 -
[유데미x스나이퍼팩토리] 프로젝트 캠프 Next.js 1기 - 12일차
12일 차인 오늘은 tmdb API를 활용해 API Call를 병렬처리 하는 방식과 무한 스크롤 기능을 구현해 보았고, Next.js에서 가장 어려운 개념인 Caching 메커니즘에 대해 학습했다. 복습할 내용이 너무 많다. 오늘 정리 못한 부분은 주말에 시간을 내서 정리가 필요해 보인다. 📚 학습한 내용- 실습 : tmdb API 활용한 DataFetching - API Call 병렬 처리 방식- Router Handler- .env 환경변수 - 실습 : tmdb API 활용한 무한 스크롤 기능 구현- Caching ✍🏻 학습한 내용 정리 무한스크롤 기능을 개인프로젝트를 진행하면서 구현해보고 있는 중이었다. 별도의 패키지 설치 없이 Intersection Observer API를 사용해서 구현하고..
2024.06.12 00:11 -
[유데미x스나이퍼팩토리] 프로젝트 캠프 Next.js 1기 - 11일차
11일 차인 오늘은 Next.js의 Server Client에서의 Data Fetching 하는 방식에 대해 학습했다. 📚 학습한 내용- loading, error - streaming 과 Suspense- tmdb API 활용한 Data Fetching ✍🏻 학습한 내용 정리 서버와 데이터를 요청하고 응답하는 과정에서 화면이 보이기까지의 로딩시간이 존재하게 된다. 로딩시간에 Loading의 의미의 UI를 보여주는 게 더 나은 사용자 경험을 제공한다. Next.js는 loading 이름의 파일을 생성하면 데이터 요청 시 로딩시간이 걸리는 화면에 해당 페이지를 출력해 준다. 별도의 상태처리 없이 Next의 파일 규칙에 의해 알아서 화면을 출력해 준다. 또한, 데이터 요청 시 발생하는 에러 상황을 처리..
2024.06.10 21:54