img나 svg같이 고정적인 assets들은 public 하위 폴더에 집어 넣는다.

스크린샷 2022-09-07 오후 3.49.55.png

이렇게 위치 시키면 next.js에서는 루트 바로밑 위치로 고정 assets들에 접근 할 수 있다.

<img src="/vercel.svg" alt="Vercel" className="logo" />

yarn buildyarn start 나서 프로젝트를 실행하면 API call이 모두 보인다.

하지만 코드 변경한다음 바로 yarn start 하면 변경사항이 바로 반영되지 않는다…

코드변경 → yarn buildyarn start 해야 코드 변경 반영 된다.

dev 모드 일때는 코드를 변경하면 바로바로 변경 사항이 업데이트 된다.

파일구조와 url path 구조가 상당히 비슷했다.

api요청을 어디론가 하고, 응답을 받는다.

복습

스크린샷 2022-09-07 오후 4.08.41.png

Data fetching (데이터 가져오기) in Next.js