TIL

Next.js

Next.js 첫 걸음마 떼기

LTFM

내가 알고있던 Next.js의 핵심

• Next.js는 SSR/SSG를 지원한다. (둘 차이 정확히 모름)
• 라우팅을 디렉토리 단위로 해준다.
  
  

어떻게 시작할지 모를 때는 우선 공식문서를 읽는다.
Getting Started!
이전에 프리온보딩 때도 강의를 중간 중간 놓쳤더니, 서버 컴포넌트가 뭐지..하며 헤맸었다.
그것조차 잘 모르겠는데도 공식 문서 내가 읽을 수 있을까? 싶었는데,
재밌게도 공식문서를 읽으면서 이해가 되는 것 같은 기분이다.

React Essencial 요약의 요약

• 웹을 서버에서 미리 렌더링해주는 서버 컴포넌트와 사용자 인터렉션이 필요한 클라이언트 컴포넌트로 분리할 수 있음
• 이걸 어떻게 분리하느냐? 'use client'라는 지시문으로.
• 이 지시문이 들어간 파일에서는 자식을 포함하여 import된 모듈까지 모두 클라이언트로 간주됨
• 서버 컴포넌트에는 정적 요소, 서버로부터 요청하는 데이터 같은 것들이 들어감
• useState, useEffect 같은 리액트 수명주기 관련 훅이나 브라우저 API, 이벤트 리스너 같은 것들은 클라이언트 컴포넌트
• 클라이언트 컴포넌트 내에서 서버 구성 요소를 import 할 수 없음 -> children props로 전달하는 패턴 권장

추가 공부 거리

• App Router / Page Router 그게 뭔데..
• SSR / SSG 차이점
• 직렬화요..?
• fetch 할 때를 더 알아보자
• 실습 GO!