st_dev_web/README.md

26 lines
950 B
Markdown

# React + Vite
초기 프로젝트 만드는 법
명령어 입력 (아래 순서대로 입력력)
- 'npm create vite@latest . -- --template react' -> 이때 '.'은 현재 디렉토리에 설치하겠다는 의미
- 'yarn create vite . --template react'
- 'yarn install'
- 'yarn dev'를 입력하여 활성화
# git repository 복제시
- 복제 후 터미널에서 'yarn install'을 통해 설치
- 'yarn dev'를 입력하여 활성화
# '@name' 경로 축약 입력
![example](http://112.219.147.186:7000/pjkim/react_sample/attachments/b5d1c967-8050-4e44-bc23-9be3150cc2c8)
- resolve -> alias에 샘플과 같이 경로를 입력하여 명명
# .env 파일을 이용한 config value 활용
![example](http://112.219.147.186:7000/pjkim/react_sample/attachments/744b62d7-412d-484b-af1d-c294ea5a4975)
- 코드 내에서 아래와 같이 입력하여 .env의 항목을 사용한다
-> console.log(`${import.meta.env.VITE_API_SERVER_IP}`)