Vite + React 설치

1. VSCode 설치

2. 설치된 Extension 명령어로 확인
  - 1. Ctrl + Shift + X
  - 2. 터미널 열고, code --list-extensions

3. Extension 설치( Ctrl + Shift + X 하고 검색 후 설치)

4. C드라이브 안에 wokrspace 폴더 생성

5. VS Code 에서 프로젝트 생성 방법

  - 터미널에서 ("powershell 말고" cmd 로 하기) npm create vite@latest  하면 프로젝트 생성 됨.
  - 다른 PC에서는 powershell 로 해도 되는데 난 왜 cmd 로 변경해서 해야 되지...ㅠㅠ

5. 터미널에서 npm create vite@latest (예전에는 create-react-app)
6. cd blog (안 하면 package.json 을 찾을 수 없다는 에러 문구 나옴.)
7. npm install 
8. npm run dev (예전에는 npm start...) 

http://localhost:5173/ 실행 시  위 화면 나옴.

- 참고 : https://codingapple.com/unit/react1-install-create-react-app-npx/?id=2305

 

---

실행하는 방법

1. vs code 2개 키기

경로 : c드라이브 workspace

frontend -
  - 명령어 : npm run dev
  - http://localhost:5173/

backend
  - ProjectManagerBackendApplication.java 우클릭 Run Java 하면 실행됨.
  - http://localhost:8080/api/test : 데이터 추출 가능

2. DBeaver 실행 (3306 포트)