next.js

app/page.tsx -> <주소>/app/detail/page.tsx -> <주소>/detailapp/detail/id/page.tsxapp/\_components/Button.tsxurl과 상관없는 파일들은 \_폴더로 묶어놓기도 함(폴더명)공통 레이아웃

처음 페이지를 열 때 서버에서 미리 내용을 만들어 보내줌. 그래서 검색엔진에서 더 잘 찾아지고, 페이지도 빨리 열림사이트를 만들 때 미리 모든 페이지를 만들어 놓음=> 페이지가 빨리 열리고, 서버도 덜 바쁨파일 이름으로 자동으로 경로(주소)를 만들어줌\-> App Ro

Next.js가 리액트 컴포넌트를 브라우저가 이해할 수 있는 html로 변환하는 작업모든 렌더링이 클라이언트 측에서 발생클라이언트는 자바스크립트를 로드하고, 자바스크립트가 UI를 빌드함Next.js로 웹사이트를 빌드할 때, 기본적으로 SSR을 사용함Next.js에서 모

SSR을 통해 만들어진 인터랙티브 하지 않은 HTML을 클라이언트 측 자바스크립트를 사용하여 인터랙티브한 리액트 컴포넌트로 변환하는 과정(서버 환경에서 이미 렌더링된 html에 react를 붙이는 것)

메타데이터는 웹페이지의 정보를 나타내는 데이터.예를 들어, 우리가 보통 웹 브라우저 상단에서 볼 수 있는 제목이나 페이지 설명 같은 것들이 metadata에 해당.브라우저나 검색엔진, 소셜 미디어가 이 정보를 읽고 사용자에게 표시함.대표적인 메타데이터 요소title: