1. VisualStudioCode 설치
2. 프로젝트를 생성할 폴더 열기 : File - Open Folder
3. 터미널에 npx create-react-app [생성할 프로젝트명] 입력 ex) npx create-react-app todo : View - Terminal
- 성공하면 아래와 같은 메시지가 나온다.
Success! Created todo at C:\Users\parksonghee\VisualStudioCode\parksonghee-react-todo-app\todo
Inside that directory, you can run several commands:
npm start
Starts the development server.
npm run build
Bundles the app into static files for production.
npm test
Starts the test runner.
npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
cd todo
npm start
4. 프로젝트 열기 : File - Open Folder - [생성한 프로젝트명]
참고
'Frontend' 카테고리의 다른 글
[Vue.js] 게시판 만들기 - 디자인 개선(ChatGPT와 함께하는..) (0) | 2024.05.20 |
---|---|
[Vue.js] 게시판 만들기 - 아주 간단한 게시판(이라고 말하기도 뭐한..) (0) | 2024.05.20 |
[Vue.js] 게시판 만들기 - 세팅 (0) | 2024.05.20 |
NVM(Node Version Manager) 설치 및 Node 설치 (0) | 2024.05.20 |
Node, NPM 버전 업데이트 오류 해결 (0) | 2024.05.20 |