SpringBoot + React 연동(2) - React개발 VSCode로 변경

1. Visual Studio Code (VS Code) 설치

https://code.visualstudio.com/download

주의: 자신의 환경에 맞게 설치해주세요!

Download Visual Studio Code - Mac, Linux, Windows

2. 설치 후 이전 SpringBoot + React 프로젝트에서 생성한 react의 front 폴더를 오픈

참고

이전 1편[SpringBoot + React 연동(1)] 에서 intelliJ의 터미널에서 npm start를 진행했다면 아직 3000번 포트가 실행되어있을 것입니다.

해당 포트(3000)포트를 없애야합니다.

- VS Code에서 터미널 오픈 (Command + j)

npm start를 할 시 이전 포트의 pid를 알 수 있습니다.

- kill -9 (pid포트번호)

- 다시 npm start

- 접속 확인!!!

 

3. 간단하게 변경해보기

Front > src > App.js

아래 코드로 내용을 변경해보자! ( Hello SpringBoot + React!! )

여기까지 2편의 VS Code로 프론트 부분을 따로 실행하는 방법이였습니다.

 

감사합니다!