Log110 [API Key] .env 파일에 숨기고 Vercel 배포 Vercel 오랜만에 사용한다. Google Maps API Key를 숨기고 Github에 Public으로 올려서 배포하려는데,방법을 까먹어서 다시 기록한다. .env 파일에 반드시 REACT_APP으로 시작해야하고,Quote""는 필요 없이 = API Key만 입력해준다. apiKey를 가져올 때는process.env.REACT_APP_ 이 형태로 가져와야 Vercel에서 오류가 안난다.const apiKey = process.env.REACT_APP_GOOGLE_MAPS_API_KEY; 이제 Vercel 환경설정에서 API Key를 등록해줘야하는데,Settings → Environment Variables → Key에 추가해주면 된다. 배포 완료👍 2025. 4. 21. [F.0o, F.lM, p.aI Error] Google Maps API 오류 ERRORundefined is not an object (evaluating 'F.Oo')@https://maps.googleapis.com/maps/api/js:1573:329ERRORundefined is not an object (evaluating 'F.lM')@https://maps.googleapis.com/maps/api/js:1577:348 Google Maps는 불러와지는데위 에러가 계속 발생한다. 정의되지 않은 undefined 객체를 참조하려고 할 때 발생하는 오류인데,주요 원인으로는 1. API Key 문제2. 비동기 로딩 문제 : API가 완전히 로드되기 전에 Maps 객체에 접근하려고 시도할 때 발생3. 콜백 함수 문제 : callback = initMap 파라미터를 사용할 때.. 2025. 4. 17. [v0 컴포넌트 설치] use --force / use --legacy-peer-deps 차이점 오랜만에 v0를 사용하는데,작년에 쓸 때랑 많이 달라졌다. npx shadcn add ""로 컴포넌트 설치를 하는데아래와 같이 "How would you like to proceed?" 질문과 함께use --force / use --legacy-peer-deps둘 중 고르라한다. npm과 같은 패키지 관리 도구 의존성 충돌을 해결하기 위해이 두 옵션을 사용한다는데,use --force 는 모든 의존성과 충돌을 무시하고 설치를 강행하는 것이고,use --legacy-peer-deps 는 이전(legacy)방식으로 peer dependencies 검증을 비활성화하여무시하고 설치하는 것이다. 최소한의 강제성을 가진 --legacy를 먼저 시도 후--force를 하는 게 좋을 듯 하다. 2025. 3. 9. Mac에서 Android Studio 에뮬레이터 사용 Android Studio 설치 후아래 화면에서 More Actions - Virtual Device Manager 클릭 하면 안드로이드 화면 뜨는데,실행하고싶은 apk 파일 드래그하면자동으로 어플 설치되면서 실행할 수 있다 2024. 12. 3. [VSCode] Sync Changes, Push 차이 git commit을 하고 나면 사진과 같이Synchronize Changes가 뜨는 경우가 있는데,이는 pull과 push를 동시에 하여 동기화 상태로 맞춰주는 역할을 한다. 2024. 10. 16. 매개변수(Parameter)와 전달 인자(Argument) 차이 매개변수(Parameter)는 함수 내에서 정의 및 사용되는 변수의 나열,전달 인자(Argument)는 함수를 호출할 때 전달되는 실제 값이다. # 함수 정의 시 매개변수(parameter)를 사용def greet(name): print(f"Hello, {name}!")# 함수 호출 시 인자(argument)를 전달greet("Alice") 함수를 정의할 때 사용되는 name은 매개변수이며,데이터를 받기 위한 자리 표시자 역할도 한다. 함수를 호출할 때 전달되는 인자인 Alice는매개변수 name에 전달되어 함수 내부에서 사용된다. 2024. 10. 14. 이전 1 2 3 4 ··· 19 다음
