반응형
새로 나온 리액트의 공식문서에서 따르면, 이제 리액트 프로젝트를 생성할 때 CRA의 사용을 지양한다.
따라서 next.js 또는 Remix, Gatsby와 같은 프레임워크와 함께 만들거나 Vite로 만들 것을 권장한다.
프로젝트 생성
npm create vite@latest
yarn create vite
npm 또는 yarn 중에서 선택해서 입력한다.
터미널에서 위의 명령어를 실행하면, 설정할 프로젝트 네임을 입력할 수 있다.
프레임워크 선택
React, Vue, Svelte 등 사용할 프레임워크를 선택한다.
언어 선택
타입스크립트 or 자바스크립트 선택 가능하며
SWC 빌드 툴도 선택할 수 있다.
생성 완료
생성이 완료되었다.
npm install을 하면 node_modules 파일이 생긴다.
npm run dev하고 링크를 열면 아래의 초기 페이지가 나타난다!
https://react.dev/learn/add-react-to-an-existing-project
https://vitejs-kr.github.io/guide/
반응형
'Front-end > React' 카테고리의 다른 글
[React] Dynamic Import (동적 import)로 코드 스플리팅 (0) | 2023.08.20 |
---|---|
[React] Class형 컴포넌트의 라이프사이클 (0) | 2023.06.09 |
[React] html 텍스트를 나타내는 dangerouslySetInnerHTML (0) | 2023.06.08 |
[React] 리액트에서 메서드 바인딩(binding)하기 (0) | 2023.06.03 |
[React] 리액트의 새로운 공식문서 출시 (0) | 2023.03.21 |