오늘은 API불러오는 연습을 하기 위해,
키워드를 검색하면 그에 알맞는 책이 나오는 사이트를 만들어보았다.
이 과정에서 구글에서 API를 key를 생성해서 불러오는 방법, 그리고 그것을 .env를 통해서 숨겨서 안전하게 가져오는 방법을 더 익혔다.
원래 키값으로 받아오는것은 잘됐는데
이것을 .env로 숨기는 과정에서 자꾸 에러가 발생했다.
이거 해결하려다가 시간이 30분은 걸린거같은데 🥲
해결법은 완전 간단했다
1. 서버를 껐다켠다.
(나는 npm start를 다시 해주니 정상적으로 작동했다)
2. .env의 위치를 확인한다.
나는 1의 방법으로 해결함!!
자세한 해결기는 아래에 적어두었다.
API Key not valid. Please a valid API key
❌ 에러코드 ❌ error: {code: 400, message: 'API key not valid. Please pass a valid API key.', errors: Array(1), status: 'INVALID_ARGUMENT', details: Array(1)} [[Prototype]]: Object ✅ 해결방법 1. 서버를 껐다가 켠다. - vsCode를 껐다가
hihiha2.tistory.com
오늘은 기본적인 틀은 거의 다 만들었고,
내일은 디자인을 더 이쁘게 바꾸고
추가적인 기능을 조금 더 넣고
배포도 할 예정이다!!
오늘은 친구에러도 내가 잡아주었다
아직 부족하지만 그래도 성장하고 있는거같아서 뿌듯했다 ㅋㅋ
(친구도 나 많이 알려줌 고마워 😄)
이렇게 함께 공부할 사람이 있다는것도 큰 행운이라고 생각한다.
공부가 힘들때도 있지만 완전 너무 재밌다는 생각이 들때까지 힘내봐야지
오늘도 내일도 화이팅!!
'코딩일기' 카테고리의 다른 글
| 코딩스터디 / cors 에러 만나다 (0) | 2023.04.18 |
|---|---|
| 사이트 거의 완성중 😊 / 매일 일희일비중 .. (0) | 2023.04.14 |
| 코딩일기 밀렸다..😮 / firebase 성공!! (1) | 2023.04.05 |
| 7-3.unshift()/push()/shift()/pop() 잠이 안와서 잠이온다.. (0) | 2023.03.29 |
| 6-5. 다크서클 너무 심하다 🥱 / 프로젝트 구상중! (0) | 2023.03.25 |