1. 반응 폴더 생성
2. cmd 창 실행
- 이름에는 대소문자 및 특수문자를 사용할 수 없습니다.
- 경로 변경: CD 경로
| npx create-react-app-name |
변경된 경로 확인
npx create-react-app fristproject 입력
3. VSCODE 설치 및 실행
https://code.visualstudio.com/
Visual Studio Code – 코드 편집. 새로 정의
Visual Studio Code는 최신 웹 및 클라우드 애플리케이션을 빌드하고 디버깅하기 위해 재정의되고 최적화된 코드 편집기입니다. Visual Studio Code는 무료이며 선호하는 플랫폼(Linux, macOS 및 Windows)에서 사용할 수 있습니다.
code.visualstudio.com
4. 파일 – 폴더 열기
5. 탐색기 창에서 첫 번째 프로젝트 폴더를 선택합니다.
6. 폴더가 정상적으로 열리는지 확인
7. 터미널 – 새 터미널 실행
8. 열린 터미널 창에 입력
| npm 시작 |
오류: npm: “npm”이라는 용어는 cmdlet, 함수, 스크립트 파일 또는 실행 가능한 프로그램 이름으로 인식되지 않습니다. 이름이 올바른지 확인하고 경로가 포함된 경우 경로가 올바른지 확인하고 다시 시도하십시오.
해결 방법: 위와 같은 오류가 발생하면 터미널이 powershell로 설정되어 있기 때문입니다. Ctrl + Shift + P 입력 – 터미널 선택: 기본 프로필 선택 – 명령 프롬프트 선택 – 터미널을 끄고 다시 실행 – 이 경우인지 확인 cmd로 변경 – npm start 입력
9. 컴파일 응답
