React로만 개발하다가 새로운 방식을 좀 알아둬야 할 것 같아서 NextJs를 좀 보기로 했다.
우선 React와 Next의 차이점, 장단점에 대해서는 직접 사용해보고 비교해보려고 한다.
우선 프로젝트 생성부터 해보자. 역시 프로젝트 생성에는 공식문서만한게 없지.
https://nextjs.org/docs/getting-started/installation
Getting Started: Installation | Next.js
We recommend creating a new Next.js app using create-next-app, which sets up everything automatically for you. To create a project, run: Next.js now ships with TypeScript, ESLint, and Tailwind CSS configuration by default. You can also choose to use the sr
nextjs.org
npx create-next-app@latest나는 가장 최신 버전으로 설치했다. 그리고 default로 지원해주는 TypeScript, ESLint, Tailwind CSS도 모두 설치 Yes.
폴더 구조도 src/형식으로 쓰고싶어서 Yes
그리고 더 좋은점은 경로설정 alias를 바로 지원해준다. 나는 보통 @component/ 식으로 쓰기때문에 @/* 로 설정해주었다. (<- 이거는 확실히 React 프로젝트 설치할때랑 다르게 좋은점인듯 싶다.)
Next js 프로젝트 실행 명령어
npm run dev그리고
http://localhost:3000 를 켜준다.
여기까지가 일단락 Next Js 설치하기
끝
'React' 카테고리의 다른 글
| [React] safari IOS 낮은 버전에서 flex, height 값 안먹힘 (0) | 2023.03.02 |
|---|---|
| [React/React Native] Mac 개발환경 세팅하기 시리즈 (2) - Node, yarn, jdk, Watchman 설치하기 (0) | 2022.07.30 |
| [React/React Native] Mac 개발환경 세팅하기 시리즈 (1) - Homebrew 설치하기 (0) | 2022.07.30 |
| [Javascript/React/ReactNative] 딕셔너리 데이터 뽑아오기 (0) | 2022.07.13 |
| [Git] git push 취소하기 (0) | 2022.04.26 |
