고정 헤더 영역
상세 컨텐츠
본문
1. Visual Studio Code (VS Code) 설치
https://code.visualstudio.com/download
주의: 자신의 환경에 맞게 설치해주세요!
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
code.visualstudio.com
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로 프론트 부분을 따로 실행하는 방법이였습니다.
감사합니다!
'Spring > SpringBoot-React' 카테고리의 다른 글
| SpringBoot + React 연동(5) - 중간 배포로 테스트 (0) | 2023.08.24 |
|---|---|
| SpringBoot + React 연동(4) - React, axios로 SpringBoot API 통신 (0) | 2023.08.24 |
| SpringBoot + React 연동(3) - React, axios로 API 통신 (0) | 2023.08.24 |
| SpringBoot + React 연동(1) - 스프링부트 + React 설치 (0) | 2023.08.24 |
댓글 영역