[TIL] 240909_Next.js: Next 공부를 시작하며 - Day01

이정환 님의 한입 시리즈를 좋아하는 수강생으로서, 그리고 Next.js를 학습하고자 하는 예비 FE 개발자로서, 이번 Next.js 강의 출시 기념 사전 설문에 참여했다.
그 결과, 운이 좋게도 Next.js 강의 100% 할인권을 받게 되었다. 야호! 그리고 해당 강의의 완강을 위해 한입FE챌린지 2기도 함께 신청하였다. 보면 볼수록 정환님은 수강생을 위한 강의를 진지하게 고민하시는 분인 것 같아 더 열심히 해야겠다는 마음이 든다!
그리고 9월 둘째 주 시작인 오늘, 챌린지가 시작되었다.
인트로 부분인 섹션1-2를 들으며 간단하게 정리하였다 📝먼저, Library와 Framework에 대해 구분하기.
아직까지는 리액트가 익숙한 내게, 제대로 된 프레임워크 지식 끼워넣기.
그리고 Next.js의 핵심 기능 사전 렌더링! 리액트의 특징이자 단점인 CSR과 비교하며 열심히 학습해봐야겠다는 생각이 든다.
사실 이 한입FE챌린지 2기를 시작하며 정환님의 강의를 듣기 전, 다른 Next.js 강의를 한 번 정주행하고 왔다. 그 때는 하이드레이션의 개념을 설명해주지 않아서 이해도 제대로 하지 못한 채 넘어갔었는데 .... 이 부분에서 아 ! ! 이게 hydration이구나 하고 깨달을 수 있었다.
이 부분에서 처음 알게 된 2️⃣가지 키워드!

• FCP(First Contentful Paint) : 요청 시작 시점으로부터 컨텐츠가 화면에 처음 나타나는데 걸리는 시간.
• TTI(Time To Interactive) : 유저가 서버에 접속 요청을 보낸 시점부터 상호작용이 가능해지기까지 걸리는 시간.

진짜 흥미롭다. 끝까지의 마음을 가지고 챌린지를 무조건 완주해야지 🤓 화이팅 ~

Reference

👩🏻‍🏫 한입 크기로 잘라 먹는 Next.js(15+) https://www.inflearn.com/course/한입-크기-nextjs/