63 lines
1.3 KiB
Markdown
63 lines
1.3 KiB
Markdown
- [목차](#)
|
|
- [React + Vite](#react--vite)
|
|
- [git repository 복제시](#git-repository-복제시)
|
|
- ['@name' 경로 축약 입력](#name-경로-축약-입력)
|
|
- [.env 파일을 이용한 config value 활용](#env-파일을-이용한-config-value-활용)
|
|
|
|
# React + Vite
|
|
|
|
초기 프로젝트 만드는 법
|
|
명령어 입력 (아래 순서대로 입력력)
|
|
- 'npm create vite@latest . -- --template react' -> 이때 '.'은 현재 디렉토리에 설치하겠다는 의미
|
|
- 'yarn create vite . --template react'
|
|
- 'yarn install'
|
|
- 'yarn dev'를 입력하여 활성화
|
|
|
|
<br>
|
|
|
|
---
|
|
|
|
<br>
|
|
|
|
# git repository 복제시
|
|
|
|
- 복제 후 터미널에서 'yarn install'을 통해 설치
|
|
- 'yarn dev'를 입력하여 활성화
|
|
|
|
<br>
|
|
|
|
---
|
|
|
|
<br>
|
|
|
|
# '@name' 경로 축약 입력
|
|
|
|
|
|
|
|
- resolve -> alias에 샘플과 같이 경로를 입력하여 명명
|
|
|
|
<br>
|
|
|
|
---
|
|
|
|
<br>
|
|
|
|
# .env 파일을 이용한 config value 활용
|
|
|
|
|
|
|
|
- 코드 내에서 아래와 같이 입력하여 .env의 항목을 사용한다
|
|
-> console.log(`${import.meta.env.VITE_API_SERVER_IP}`)
|
|
|
|
<br>
|
|
|
|
---
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
|
|
|