[React] app router_ 폴더 기준

 

npx create-next-app@latest book-frontend-server  

 

 

page.tsx 가 기준점인 것 처럼 보이지만 layout.tsx가 기준점

 

상위 폴더의 layout.tsx가 나옴

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

( ) 로 감싸면 페이지로 인식하지 않고 공통으로 생각함

 

=> 공통 컴포넌트

 

 

 

상단에 "use client"; 사용하는 이유

=> SSR 방식에서 useEffect 같은 걸 사용 할 경우 CSR 방식으로 바꿔서 사용할 수 있게

 

메인 페이지 => 정적 페이지: 변할일이 없음 SSR

검색 페이지 => 동적 페이지: 변함이 많음 CSR