[노마드 코더] NextJS 시작하기 파트 1 리뷰

프레임워크 vs 라이브러리 차이

프레임 워크

• 프레임워크가 나의 코드를 부르는 형태(reactDOM render등 불러오는 것이 없음)
• pages 외에 라이브러리처럼 커스텀하는 곳 없음
• 커스텀하여 코드조합 가능(index.js와 router...)

Next.js vs React의 차이

React

• CSR로 브라우저가 보는 ui 만드는 모든 작업을 한다.
• 만 html에 렌더링되고 나머지는 client side에서 그려준다.

Next

• 페이지를 미리 만들어줌(404등...)
• Hydration
  SSR에서 만들어진 매마른 페이지에 동적이벤트라는 수분 공급을 해주는 과정
• pre-rendering
  • 2가지 종류가 있음
  • SSG => 빌드 타임에 HTML 생성, pre-render된 HTML은 다음 리퀘스트에 재사용
  • SSR => 각 리퀘스트가 일어날때 HTML 생성

Style 사용 방법

• xxx.module.css 가져와서 씀
• style 태그의 jsx 프로퍼티