- [목차](#)
  - [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' 경로 축약 입력

![example](http://112.219.147.186:7000/pjkim/react_sample/attachments/b5d1c967-8050-4e44-bc23-9be3150cc2c8)

- resolve -> alias에 샘플과 같이 경로를 입력하여 명명

<br>

---

<br>

# .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}`)

  <br>

---

<br>