먼저 ReactJS가 설치될 폴더를 하나 생성합니다.
이 생성된 폴더에 ReactJS를 설치할 계획입니다.
터미널을 하나 실행합니다.
윈도우즈 검색에서 cmd 라고 검색해도 아래 그림과 같이 찾을 수 있습니다.
명령 프롬프트에 아래 그림과 같이 입력하여 create-react-app를 설치합니다. (npm이 아니고 npx 입니다.)
최초 설치시에는 시간이 좀 걸릴 수 있습니다.
<주의사항 react_01 이라는 프로젝트 명은 대문사를 사용하면 오류가 발생합니다. ex) myReactJS >
npx create-react-app c:\dev\react_01 |
실행 결과
.
.
.
설치가 완료되었다면 이전에 설치한 VSCode를 실행하고 해당 폴더를 열어줍니다.
예시) c:\dev\react_01
해당 폴더를 선택해준 경우 정상적으로 파일이 자동으로 생성되어 있는 것을 확인할 수 있습니다.
Webpack, Babel등을 추가로 설치하여 개발환경을 구성하는데에 초보자에게는 상당한 어려움이 있으나 Create-react-app를 이용하면 환경설정을 쉽게 할 수 있습니다.
'Web > ReactJS' 카테고리의 다른 글
#04-02. Component를 만들어보자 (0) | 2022.12.20 |
---|---|
#04-01. Component 란? (0) | 2022.12.20 |
#03-02.폴더 및 파일의 역할 (0) | 2022.12.19 |
#03-01. Create-react-app 설치 및 오류사항 대응 (0) | 2022.12.19 |
#01. React JS 필요한 프로그램 설치 (0) | 2022.12.19 |