본문 바로가기

컴포넌트

[리액트에서 Next로] Next.js 기초 : 초기 프로젝트 설정부터 네비게이션
[Dev] 🎯Self Study 2024. 1. 6. [리액트에서 Next로] Next.js 기초 : 초기 프로젝트 설정부터 네비게이션 일단 공식문서를 들어가자. Docs | Next.js Welcome to the Next.js Documentation. nextjs.org VScode를 켜서 터미널에 입력하자. npx create-next-app@latest 초기설정 설치 완료가 되면, 프로젝트 이동 및 실행 cd [프로젝트명] npm run dev ctrl + 링크를 눌러 접속 리액트와 넥스트의 차이는 다음과 같다. 리액트 = 라이브러리 넥스트 = 프레임워크 따라서 next에서는 폴더명, 파일명을 프레임워크에서 명시한 규칙에 따라 작성해야 한다. 프로젝트 구조를 살펴보면, 1. app router : 라우팅 시스템의 컨테이너 역할 : next는 파일시스템을 기반으로 하므로, react에서 직접 모듈 설치 및 컴포넌트를 구성하여 맵핑..

티스토리툴바