React 설치를 VScode를 이용해서 진행할것이기때문에 React 설치 이전에 VScode도 설치 해주셔야합니다.
Node.js 설치
2020/10/27 기준으로 최신버전은 15.0.1 입니다.
https://nodejs.org/ko/download/current/
설치할때 아래 Automatically install 을 누르면 사용하지않는 tool 도 설치되기 때문에 일단 체크하지않고 설치해줍니다.
작업 폴더 생성 후 VSCode 연동
작업 폴더는 편하신 위치에 새로 생성해주시고 VSCode를 연동해주세요
좌측에 REACT 이게 폴더명인데 잘됐네요.
이제 명령어 사용을 위해 Terminal > New Terminal 로 터미널을 생성해주고 아래 명령어를 입력해줍니다.
명령어는 리액트 프로젝트 생성 명령어 입니다 뒤에 dalso 대신 프로젝트 이름을 넣어주시면 됩니다.
npx create-react-app dalso
이렇게 프로젝트 생성이 완료되면 아까 지정한 폴더에 리액트 구동에 필요한 것들이 모두 설치됩니다.
이제 실행 테스트를 간단하게 해보면
cd dalso 로 폴더 변경하고 npmstart 명령어로 실행하면 됩니다.
처음 실행하면 윈도우 방화벽 경고가 뜨는데 3000번 포트를 오픈하기 위한 방화벽 입니다.
이렇게 실행되면 웹에서 접근이 가능해집니다.