0. 시작 전 설치프로그램
1). vscode
2). Node.js
- 런타임 환경
- 패키지 매니저 도구 npm 도 같이 설치됨
1. 리액트 프로젝트 생성
- 원하는 경로에 프로젝트를 생성
- 내 프로젝트 경로에서 npm start
- 경로가 안맞으면 npm ERR! enoent This is related to npm not being able to find a file. 에러 발생
| npx create-react-app my-app npm start |
0). 터미널 단축키 (윈도우) ~ 경로관련
| 현재 경로 확인 | pwd |
| 현재 위치 | cd |
| 상위 폴더로 이동 | cd .. |
| 신규 폴더 생성 | mkdir 폴더이름 |
| 신규 파일 생성 | fsutil file createnew <파일이름.확장자 > <길이> |
| 폴더 내 파일 리스트 출력 | Ls, dir |
| 터미널 초기화 | (키 입력) control + L |
1). 경로 이동
| D드라이브로 이동 | :D |
| C드라이브로 이동 | :C |
| 하위 폴더로 이동 | cd 하위폴더이름 / 현재 위치 d:\test | |
| 1). 하위 폴더 one 로 가고싶은 경우 - cd one |
d:\test\one | |
| 2). 상위 폴더로 가고싶은 경우 - cd .. |
d:\test | |
| 2-1). 상위 폴더로 가고싶은 경우(목적지 거리 만큼 반복) - cd .. |
d:\ | |
| 3). 현재 위치에서 다시 one 로 가고싶은 경우 - cd test/one |
d:\test\one | |
2. 리액트 구조
1). node_modules
- 현재 프로젝트에 필요한 모듈, 라이브러리가 저장된 공간
2). public
- static 자원 및 정적 파일이 위치한 공간
- 컴파일 필요 없음
3). src
- 실질적 작업공간
틈틈이 리엑트 공부하자용