react-spring boot 연동

SaGo_MunGcci·2023년 8월 24일
0

TIL

목록 보기
1/2

BE : spring boot IDE: intelliJ
FE : React IDE: vscode

https://transferhwang.tistory.com/411

vscode설치하는 방법 : https://spartacodingclub.kr/blog/vscode

https://velog.io/@tkrxod/Intellij-Spring-bootReactGradle-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A7%8C%EB%93%A4%EA%B8%B0

https://velog.io/@u-nij/Spring-Boot-React.js-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85

https://intellij2.tistory.com/3

vscode 설치하고
node.js 설치하고

https://transferhwang.tistory.com/411#recentEntries

https://devbirdfeet.tistory.com/3

react.js install 한 후

  • PS C:\Users\사고뭉치\Desktop\react-project> npm install -g create-react-app

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

added 67 packages in 3s

5 packages are looking for funding
run npm fund for details

  • PS C:\Users\사고뭉치\Desktop\react-project> npx create-react-app react-app

Creating a new React app in C:\Users\함주형\Desktop\react-project\react-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

added 1439 packages in 1m

241 packages are looking for funding
run npm fund for details
Git repo not initialized Error: Command failed: git --version
at checkExecSyncError (node:child_process:885:11)
at execSync (node:child_process:957:15)
at tryGitInit (C:\Users\함주형\Desktop\react-project\react-app\node_modules\react-scripts\scripts\init.js:46:5)
at module.exports (C:\Users\함주형\Desktop\react-project\react-app\node_modules\react-scripts\scripts\init.js:276:7)
at [eval]:3:14
at Script.runInThisContext (node:vm:123:12)
at Object.runInThisContext (node:vm:299:38)
at node:internal/process/execution:79:19
at [eval]-wrapper:6:22 {
status: 1,
signal: null,
output: [ null, null, null ],
pid: 11228,
stdout: null,
stderr: null
}

Installing template dependencies using npm...

added 69 packages, and changed 1 package in 7s

245 packages are looking for funding
run npm fund for details
Removing template package using npm...

removed 1 package, and audited 1508 packages in 3s

245 packages are looking for funding
run npm fund for details

6 high severity vulnerabilities

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.

Success! Created react-app at C:\Users\함주형\Desktop\react-project\react-app
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd react-app
npm start

Happy hacking!

터미널에 폴더 경로명으로 npm run start
C:\Users\사고뭉치\Desktop\react-project\react-app> npm run start
https://coding-with-jina.tistory.com/182

  • Module not found: Error: Can't resolve 'web-vitals' in '/app/src' 발생시
    해당 vscode해당 react 폴더경로로이동 후 npm install --save-dev web-vitals 입력
profile
이리저리 생각만 많은 사고뭉치입니다.

0개의 댓글