[15주차] next.js와 App router 에 대한 이해 : 최적화, type import 컨벤션, Link, StaticSite Generation

next.js가 최적화하는 방법

LCP같은 경우에 위에 보이는 요소라면 priority를 넣어서 바로 랜더링하게 하고, 아래 요소는 사용자가 스크롤을 내리기전까지는 미리 랜더링하지 않는다.

 

 

type정해줄때

import 앞에 type 넣어주기 + 맨 아래 넣어주기

 

 

 

App router 서버컴포넌트에서 Link 컴포넌트 사용

 

 

StaticSite Generation (slug → 1,2,3,4,5… id)