React+Springboot(1) - React 맛보기

시작

react는 react만의 ide가 따로 있는 줄 알았는데 대부분 vscode에서 사용한다고 한다. 난 백엔드와 병행할 것이기 때문에 인텔리제이에서 다운 받았다.

그전에
1. Node.js 설치
https://nodejs.org/en
위의 링크에서 Node.js를 다운받을 수 있다. react 시작하기 블로그를 보면 다 Node.js를 다운받길래 왜 그런지 찾아봤는데 Node.js의 npm(node package manager)가 다양한 모듈을 지원해주고 Node.js의 바벨이라는 컴파일러 도구가 JSX를 문법을 지원해주기 때문에 react를 이용하기 편리하기 때문이었다.
무의식적으로 npm start를 했던 사람이라면 node.js에게 감사함을 느끼도록 하자.

2. 인텔리제이에 React 설치

인텔리제이 Ultimate 버전이라면

Community 버전이라면 https://start.spring.io/ 여기서 다운로드 한 후에
Terminal 아래 명령어 입력

cd src/main
npx create-react-app 원하는 폴더명

하면

main 하위 디렉토리에 react가 생긴다.

3. React 실행
Terminal에 아래 명령어 입력

cd reactfront
npm start

localhost:3000에 이런 초기 화면이 뜨면 정상이다