뚝딱뚝딱 코딩 기록_

[Toy Project_ Habit Tracker] 🍃 토이 프로젝트 소개 🌳 목적 : React → Vue 마이그레이션 + Vue 익히기 🌳 기능 : add, count, delete habits, 반응형 웹 🌳 개발 기간 : 1일 🍃 사용 기술 : Javascript, Vue, Firebase, Vite 🍃 결과물 👉 https://habit-tracker-ez1n.netlify.app Habit Tracker habit-tracker-ez1n.netlify.app Vue를 시작하면서 가볍게 예전에 강의를 들으면서 리액트로 만들었던 habit tracker를 다시 구현해 보았다. 조금 다른 점은 리액트에서는 데이터를 저장하지 않았지만 뷰로 진행할 때에는 Firebase를 이용하여 데이터를 저장하는 것..

[Vite_ env variables] 1. .env 파일 생성 ❔ 환경변수 파일은 반드시 root directory (최상위 폴더)에 위치해야한다. ❗ 그렇지 않으면 인식하지 못하므로 주의해야함! 2. 환경변수 설정 ❔ 환경변수는 [ VITE_ ]으로 시작해야 읽을 수 있다. 3. 환경변수 사용 ❔ Vite에서는 [ import.meta.env ] 를 사용해야한다. ❗자바스크립트에서 환경변수를 사용할 때 보통 [ process.env ] 를 사용하기 때문에 헷갈리기 쉬움 Vue로 프로젝트를 진행하면서 환경변수를 쓸 일이 생겼다. process.env로 불러오면 되는 줄 알았는데 Vite에서는 import.meta.env로 불러와야해서 잠시 헤맸다. 이번 일을 참고하여 다음부터는 헷갈리지말고 제대로 사용..