[🔫][W-Guardian]Trouble Shooting

Vite 환경변수 사용

1. 디렉토리에 .env파일 생성
2. 변수명 VITE_로 시작하는 변수 생성
3. 따옴표를 감싸도 괜찮음

  VITE_TEST_DATA = "abcd"

사용 시 import.meta.env.변수명으로 호출

  import.meta.env.VITE_TEST_DATA

• VITE_를 붙이지 않은 변수명은 사용할 수 없으니 주의

Geolocation Hook 호출 에러

Hook 활용 예시: https://jw910911.tistory.com/108

• 문제 현상:

// 호출 시 loc에 데이터가 담기지 않음
const { loc, error } = useCurrentLocation(geolocationOptions);

• 해결
  • 타입이 undefined라서? currentLoc으로 타입 지정을 해주었지만 똑같이 undefined로 결과값이 나와서 해결 실패.
  • hook 내 coords 호출 실패? console.log() 로 데이터가 반환되는지 확인해보니 위치 데이터는 잘 들어오고 있었음.
  • 변수명이 동일해서? 아니었음. location으로도 바꿔봤으나 결국 동일하게 다시 바꿔주니 작동하여 근본적인 원인 파악 실패함.