React & Spring Boot

로아_ 2024. 2. 17. 14:39

2024. 2. 17. 14:39

728x90

# node 다운로드

https://nodejs.org/download/release/latest-v20.x/node-v20.11.1-win-x64.zip

# C:\dev 폴더생성

# node

C:\dev\node-v20.11.1-win-x64 에 압축풀기

# yarn 설치

C:\dev\node-v20.11.1-win-x64\npm install yarn --global

아래 에러 발생시

C:\dev\Veltrix_React_v5.1.0\Admin>C:\dev\node-v20.11.1-win-x64\yarn install
yarn install v1.22.21
[1/4] Resolving packages...
warning Lockfile has incorrect entry for "moment@^2.29.4". Ignoring it.
error Error: certificate has expired
    at TLSSocket.onConnectSecure (node:_tls_wrap:1674:34)
    at TLSSocket.emit (node:events:518:28)
    at TLSSocket._finishInit (node:_tls_wrap:1085:8)
    at ssl.onhandshakedone (node:_tls_wrap:871:12)
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

ssl/tls 인증서가 만료 https 경고 해제 후 다시 설치

npm config set strict-ssl false
npm install -save react-scripts
npm install -g react-scripts

npm install yarn --global

ssl/tls 인증서가 만료 https 경고 해제 후 다시 설치

yarn config set strict-ssl false

# React 테마 Veltrix_React_v5.1.0 (유료)

구매한 테마가 있어서 그냥 사용. 다른 테마 사용 등 선택사항

https://themeforest.net/item/veltrix-react-js-admin-dashboard-template/32471505

Veltrix - React Js Admin & Dashboard Template

Veltrix is a fully featured premium admin dashboard template built in React Redux Saga with firebase / fake-backend authentication and multi-language supports with developer-friendly code...

themeforest.net

React 테마 Veltrix_React_v5.1.0 아래경로에 복사

C:\dev\Veltrix_React_v5.1.0

#React install

CMD로 cd C:\dev\Veltrix_React_v5.1.0\Admin 이동

C:\dev\Veltrix_React_v5.1.0\Admin>C:\dev\node-v20.11.1-win-x64\yarn install

#React start

C:\dev\Veltrix_React_v5.1.0\Admin>C:\dev\node-v20.11.1-win-x64\yarn start

#http://localhost:3000/

리액스 테마 샘플구동 까지 작성...

계속 업데이트 예정...

#vscode 설치

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

설치파일이아닌 zip파일로 받음 (선택사항)

압축을 풀어준뒤 실행하면 된다.

#vscode spring-boot 플러그인 설치

Extension Pack for Java

Spring Boot extension pack

Lombok Annotations Support for VS Code

#자바 17버전 다운로드 및 설정

https://jdk.java.net/archive/

Archived OpenJDK GA Releases

Archived OpenJDK General-Availability Releases This page is an archive of previously released builds of the JDK licensed under the GNU General Public License, version 2, with Classpath Exception. WARNING: These older versions of the JDK are provided to he

jdk.java.net