Setting
in React on Setting
리액트 초기 설정
이번 회사 과제 업무를 통해 리액트를 공부하게 되었고, 그 과정을 기록하고자 한다. 먼저 로컬 환경에서 초기 리액트 프로젝트를 구성하고 실행하기 위해서는 Node 및 npm이 설치되어 있어야 한다. (설치 방법은 생략한다.) 필자의 경우, 스프링 부트 프로젝트의 main 경로 하위에 있는 frontend 폴더에 리액트를 구성하였다. 아래와 같이 frontend 폴더에서 리액트를 시작하면 3000번 포트로 리액트가 실행된다.
cd [스프링부트 main 경로]
npx create-react-app frontend
cd frontend
npm start
리액트 템플릿
빠른 구성 및 진행을 위해 리액트 템플릿을 다운로드하여 사용하기로 했다.(다운로드 생략)
리액트 무료 템플릿을 다운로드 받아 해당 폴더에 두고 아래와 같이 실행하였다.
여기서 중요한 점은 install 명령어를 통해 필요한 의존성을 설치해야 한다는 것이다.
npm install
npm start
