Project/React+Java

8. React 프로젝트 생성

건담아빠 2022. 8. 10. 19:56

 

https://github.com/dchkang83/project-board

 

GitHub - dchkang83/project-board

Contribute to dchkang83/project-board development by creating an account on GitHub.

github.com

 

https://dchkang83.tistory.com/32

 

React - 프로젝트 생성

1. React 프로젝트 생성 및 실행 # npx cash 날리기 $ npx clear-npx-cache # create-react-app 설치 $ npm config set prefix /usr/local $ sudo npm install -g create-react-app # front-end 프로젝트 생성 $ n..

dchkang83.tistory.com

https://dchkang83.tistory.com/33

 

React/JS - 절대경로 지정

`~/` 에 대한 절대경로를 추가해 보자. 1. paths alias 설정 $ yarn add --dev react-app-rewired customize-cra 2. jsconfig.json { "extends": "./jsconfig.paths.json", "compilerOptions": { "module": "com..

dchkang83.tistory.com

https://dchkang83.tistory.com/34

 

React/TypeScript - 절대경로 지정

`~/` 에 대한 절대경로를 추가해 보자. 0. typescript 추가 # typescript 추가 $ yarn add --dev typescript @types/node @types/react @types/react-dom @types/jest 1. paths alias 설정 $ yarn add --dev rea..

dchkang83.tistory.com

 

1. React 프로젝트 생성 및 실행

# npx cash 날리기
  $ npx clear-npx-cache
  
# create-react-app 설치
  $ npm config set prefix /usr/local
  $ sudo npm install -g create-react-app

# front-end 프로젝트 생성
  $ npx create-react-app front-end-js
  $ cd front-end-js
  
  $ cd ..
  
  $ npx create-react-app front-end-ts
  $ cd front-end-ts
    
# 시작
  $ yarn start
  $ ONLY_DEV=true BROWSER=none yarn start

 

2. 확인