![[Next.js] Next.js 강의 요약 정리 (코딩애플)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FEi0Qa%2FbtsNMgHT2Cl%2FAAAAAAAAAAAAAAAAAAAAAGjBtjp_Nw4WFguLZvH5pkFi2vAiA8W10uJtdfd8WRns%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DvsCiQYiw0YoJSbS5Y%252FXEuxeeBOA%253D)
Development/Frontend2025. 5. 7. 14:56[Next.js] Next.js 강의 요약 정리 (코딩애플)
1. Next.js 소개설명Next.js는 React를 기반으로 한 프레임워크로, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 파일 기반 라우팅 등 다양한 기능을 제공합니다. 페이지 로딩 속도, SEO, 코드 분할 등의 장점이 있습니다.2. 폴더 구조와 자동 라우팅설명app 폴더 하위에 생성된 폴더명이 URL 경로가 됩니다각 폴더 안에 page.js를 만들면 해당 URL로 접속 가능3. 레이아웃 시스템설명layout.js는 해당 경로 내 모든 페이지의 공통 레이아웃을 정의합니다.내부의 {children}은 해당 위치에 각 page.js의 내용이 삽입됩니다.상위 폴더에 layout.js가 있다면 중첩되어 적용됩니다.4. 컴포넌트의 종류Server Component설명기본 컴포넌트 (별도 지정..