React 시작하기
프로젝트 생성
- 작업용 폴더 생성
- 폴더에 shift + 우클릭으로 powershell 열기
- 터미널에 아래 코드 입력
npx create-react-app 프로젝트명
프로젝트 오픈
VS-code → File → Open Folder → 프로젝트 폴더 선택
- 폴더명 꼭! 제대로 확인하고 코드 짜기
브라우저 미리보기
Terminal → New Terminal → npm start 입력 후 엔터
- 브라우저 자동으로 안뜨면 localhost:3000 이라고 크롬 브라우저 열고 직접 입력
파일 설명
node_modules - 프로젝트 구동에 필요한 모든 라이브러리의 소스 코드 보관함
public - static 파일 모아놓는 곳 (html, img 파일 보관)
scr - 소스 코드 보관함 (코드 작성하는 곳)
- app.js: 메인 js 파
package.json - 프로젝트 정보 저장 파일 (프로젝트 명, 버전, 라이브러리 버전 등)
오류 해결 참고
https://velog.io/@jin_devlog/Create-React-App-%EC%98%A4%EB%A5%98
Create React App 오류 (npm tar@2.2.2 오류)
1. Issue 발생 이유 1) VSCode에서 Yarn Start가 되지 않음 기존에 가지고 있던 React-Redux 파일을 실행 하려니 Yarn Start가 실행되지 않고 바로 오류가 뜨면서 실행 불가. git clone을 잘못한 나의 잘못 + npm 문
velog.io
출처
코딩애플