오늘 강의 노트

Next.js 에서 딱 하나 기억해야되는것

app 디렉터리 아래에서 폴더 구조가 그대로 url 경로가 된다.

예외사항 : app 디렉터리 아래에 폴더로 존재해도 url 안되는경우

1. (폴더명) : url 경로에서 해당 폴더 제외, 하지만 라우팅 시스템 안에 존재한다.
   1. localhost/(폴더명)/page.tsx로 되면 그냥 폴더명 안에 있는 page가 그 상위path 의 page의 역할을 하는듯
   2. 언제쓸까? 왜쓸까? :
2. _폴더 : url 경로에서도 폴더 제외된다.
   1. 전 경로가 없으면 _폴더 안에 page 접근 불가

“use client”

1. components에서 hook을 쓸때,(hook은 브라우저 환경에서만 작동하기 때문에) > next.js는 ssr이라
2. window. <이런 브라우저 환경에서만 존재하는 변수에 접근할 때.

next.js는

component앞에 async를 사용해서 컴포넌트 내에서

await을 쓸 수 있다.

SSG

Static Site Generation

정적 사이트 생성

받아오는 데이터가 안바뀐다면? 사용자가 새로고침 할 때마다 계속 똑같은 데이터를 가져오는 것 보다 미리 가져온 데이터를 가지고 보여주게 하는 것이 더 좋다.

build할 때 type 에러를 많이 볼 수 있다.

bulid할 때 정적으로 데이터를 보관하고

“build”한 애를 다시 렌더링할때는 불러온다.

요청이 있을 때?

오늘 구현한 내용

원안에 카페만 다 긁어옴.

현재 지도 범위내에 있는 카페 리스트를 받아오는 것이랑
지도 마커를 움직이기, 검색한 내용으로 위치 이동시키기 등.. 이 된다. 더 구현해야된다.