API

[ TIL ] Next.js redirects와 rewrites로 API key 숨기기

✍ API KEY 개요 API 키(KEY) 는 인증(Authentication) 방식의 한 종류이다. API 키 이외의 인증방식으로는 API 토큰(Token) 방식이 있다. 특징 API 키는 특정 사용자만 알 수 있는 문자열이다. 개발자는 API 제공사의 페이지에서 키를 발급받아 호출 시 API 키를 이용하여 호출한다. 단점 모든 클라이언트가 같은 API 키를 공유하기 때문에 보안에 취약할 수 있다. ✍ next.config.js redirects와 rewrites는 둘 다 루트 디렉토리에 있는 next.config.js에서 사용할 수 있는 함수이다. next.config.js는 설정 파일로 클라이언트의 접근 경로를 우회하여 전송해주는 방법을 명시 / 설정하는 파일이다. 📌 redirects 다른 페이지..

[react] .process.env.REACT_APP_KEY undefined

문제 상황 드림코딩 강의를 들으면서 분명히 하라는 대로 했는데 계속해서 문제가 생겼다. firebase도 일부러 다운그레이드를 해서 버전 7로 실행했는데. 계속 process.env.REACT_APP_FIREBASE_API_KEY가 undefined라는 것 key 값이 잘못되었나 확인을 하고 .env 파일에서 값을 복붙해 컴포넌트에 직접 담았을 때는 정상적으로 작동되었다. 따라서 key값에는 문제가 없고, _FIREBASE_API_KEY 뿐만 아니라 .env 파일에 담아둔 키들이 활동을 못하는 것 같았다 해결방법 일단 맨 처음 할 일은 .env파일에 ,를 넣은 것은 아닌지 살펴보고 .env파일을 root에 생성한 것이 맞는지 다시 확인한다. 아무리 해도 코드에 문제가 없다면 'dotenv'를 설치하면 된..