일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 타입스크립트
- 참조자료형
- TypeScript
- CSS
- 코딩초보
- 비동기
- Vue3
- 자바스크립트
- http
- 코딩기초
- async
- 사용하는 이유
- redux
- git
- scss
- 코딩공부
- 코딩독학
- react
- React Native
- 리액트 네이티브
- useEffect
- 리덕스
- 프론트엔드
- react-router
- 코린이
- SasS
- JavaScript
- 깃
- 리액트
- html기초
Archives
- Today
- Total
목록CLI (1)
맨 땅에 프론트엔드 개발자 되기
Vue3 Cli로 생성된 프로젝트 / 환경변수 .env 설정하기
Open API 등을 이용해서 프로젝트를 진행할 때, 개인이 발급받은 API키는 Github 등 온라인에 올리지 말아야하기 때문에 환경변수에다 변수를 저장하고 사용한다. Vue Cli 로 생성된 프로젝트에서 환경변수를 사용하고 싶으면 아래의 절차를 따르면 된다. 먼저, 프로젝트 최상위 루트에서 .env.local 이라는 이름의 파일을 만든다. .env.local 파일은 .env를 덮어쓰는 파일로 Vue Cli 로 프로젝트를 생성하면 .gitignore에 자동으로 등록되어져있다. 참고 .env 기본 파일 .env.local env를 덮어쓰는 파일. Test를 제외한 모든 환경에서 로딩됨. .env.development 개발자 환경에서 로딩됨. .env.development.local은 .env.develo..
코딩 공부 일지/Vue JS
2022. 3. 15. 14:45