서론 이 글은 아래 블로그를 번역한 것입니다. 구글번역을 전제로 번역하였기 때문에 영문 번역에 오류가 있을 수도 있으니 양해부탁드립니다. 오역이 있다면 피드백 부탁드립니다. 2021년 NextJS를 마스터하기 위한 3분 로드맵 Let's Go NextJS를 배우고 싶은데 뭐부터 배워야할지 모른다면, NextJS를 새로 배우려고 한다면, 꼭 이 로드맵을 확인하시길 바랍니다. CRA나 Gatsby는 NextJS에 비하면 아무것도 아닙니다. NextJS는 React 개발자들에게 새로운 유행입니다. 오늘 저는 NextJS를 마스터하기 위한 완벽한 로드맵과 가이드라인을 다룰 것입니다. 1. Architecture 개발 프로세스를 시작하기 위해 먼저 NextJS에서 따르는 기본 아키텍처를 배워야합니다. ( ..
Nextjs
어제(10월 26일 목) Next.js Conf에서 Next.js 14를 발표했다. 어떤 점이 바뀌었는지 공식문서를 번역하면서 알아보자! Next.js 14 Next.js 14 Next.js Conf에서 발표한 Next.js 14는 다음 사항에 가장 중점을 둔 릴리스입니다: Turbopack: App & Pages Router에 대한 5,000개의 테스트 통과 53% 더 빠른 로컬 서버 시작 빠른 새로 고침으로 94% 더 빠른 코드 업데이트 서버 작업(안정): 점진적으로 향상된 mutation 통합된 캐싱 및 재검증 간단한 함수 호출 또는 기본적으로 form에서 작동 부분 pre-rendering: 빠른 초기 정적 응답 + 스트리밍 동적 콘텐츠 Next.js 학습(신규): 앱 라우터, 인증, 데이터베이스..
Next.js 13 내부의 앱 라우터에는 페이지, 공유 layout 및 template을 쉽게 생성할 수 있는 새로운 파일 규칙이 도입되었습니다. 이 페이지는 Next.js 애플리케이션에서 이러한 특수 파일을 사용하는 방법을 안내합니다. Pages 페이지는 경로에 고유한 UI입니다. page.js 파일에서 컴포넌트를 내보내 페이지를 정의할 수 있습니다. 중첩된 폴더를 사용하여 경로를 정의하고 해당 경로에 공개적으로 액세스할 수 있도록 page.js 파일을 만듭니다. 앱 디렉터리 내에 page.js 파일을 추가하여 첫 번째 페이지를 만듭니다: // `app/page.tsx` is the UI for the `/` URL export default function Page() { return Hello, H..
이 페이지에서는 Next.js 애플리케이션에서 경로를 정의하고 구성하는 방법을 안내합니다. Creating Routes Next.js는 폴더를 사용하여 경로를 정의하는 파일 시스템 기반 라우터를 사용합니다. 각 폴더는 URL 세그먼트에 매핑되는 경로 세그먼트를 나타냅니다. 중첩된 경로를 만들려면 폴더를 서로 중첩하면 됩니다. 특별한 page.js 파일은 경로 세그먼트에 공개적으로 액세스할 수 있도록 하는 데 사용됩니다. 이 예에서 /dashboard/analytics URL 경로에는 해당 page.js 파일이 없기 때문에 공개적으로 액세스할 수 없습니다. 이 폴더는 컴포넌트, 스타일시트, 이미지 또는 기타 같은 위치에 있는 파일을 저장하는 데 사용될 수 있습니다. Creating UI 각 경로 세그먼트에..
