패스트컴퍼스 강의를 듣고 (제가 알아보게..) 정리한 내용입니다.개발자 도구의 네트워크 탭에서 불러오는 파일들의 차이를 본다.A태그는 주소창에 새로운 링크를 치는 것과 동일, 페이지를 새로 불러온다.Link태그는 페이지 안에서 필요한 데이터만 추가적으로 가져온다. 특

/pages 안에 api 폴더를 만들어 준다./pages/api/user.js/pages/username/info.js개발자 도구의 네트워크 탭에서 정상적으로 API호출이 되고 있음 을 확인할 수 있다.src 폴더 안에 constants 라는 폴더를 생성해준다./sr

pages/index.js => /pages/ssg.js => /ssgpages/products/slug.js => /products/slugPre-rendering : next.js 는 모든 페이지를 Pre-rendering 함 ( \* Pre-renders : HT

public폴더 - /접근 가능 ex) src= '/varcel.svg'SSR - server side render : 서버작동( 터미널에 찍힘 ) 서버 부하를 일으킴CSR - client side render : 클라이언트 작동( 개발자도구 콘솔에 찍힘)SSG -