2025-03-25 15:21:31 +09:00
|
|
|
# React + Vite
|
|
|
|
|
|
|
|
초기 프로젝트 만드는 법
|
|
|
|
명령어 입력 (아래 순서대로 입력력)
|
|
|
|
- 'npm create vite@latest . -- --template react' -> 이때 '.'은 현재 디렉토리에 설치하겠다는 의미
|
|
|
|
- 'yarn create vite . --template react'
|
|
|
|
- 'yarn install'
|
|
|
|
- 'yarn dev'를 입력하여 활성화
|
|
|
|
|
2025-03-25 15:23:08 +09:00
|
|
|
# git repository 복제시
|
|
|
|
|
|
|
|
- 복제 후 터미널에서 'yarn install'을 통해 설치
|
2025-03-25 15:33:02 +09:00
|
|
|
- 'yarn dev'를 입력하여 활성화
|
|
|
|
|
|
|
|
# '@name' 경로 축약 입력
|
|
|
|
|
2025-03-25 15:36:06 +09:00
|
|
|

|
2025-03-25 15:33:02 +09:00
|
|
|
|
|
|
|
- resolve -> alias에 샘플과 같이 경로를 입력하여 명명
|
|
|
|
|
|
|
|
# .env 파일을 이용한 config value 활용
|
|
|
|
|
2025-03-25 15:36:06 +09:00
|
|
|

|
2025-03-25 15:33:02 +09:00
|
|
|
|
|
|
|
- 코드 내에서 아래와 같이 입력하여 .env의 항목을 사용한다
|
|
|
|
-> console.log(`${import.meta.env.VITE_API_SERVER_IP}`)
|