프론트단에서 key 값 관리

Question

개인적으로 이런저런 공부 중에 든 의문점과 여러가지 자료를 찾아 본 후 든 생각이 맞는지 의견을 듣기 위해 글 씁니다.. 보통 프론트엔드 개발 시 api_key 값의 경우 .env를 통해 개발환경에서만 적용하고 git 연동을 하지 않습니다. 그리고 배포 시에는 git actions 이용이나 직접 배포 서버에 .env를 만들어서 진행하기도 합니다. 여기서 든 첫번째 의문이 결국 build를 한 결과 파일 (dist/index.html, bundle.js) 에는 어떤식으로든 남지 않을까...? 그리고 이어서 든 두번째 의문은 api 통신을 하면서 key를 전달하면 (header, body, url파라미터) 보이지 않을까...? 그래서 여러 자료를 찾아본 결과 스스로 내린 답은 '그렇다' 입니다. 그리고 그래서 자체 api를 한번 더 거쳐서 암호화를 통해 실제 apiKey를 통한 외부 서비스와 통신은 서버에서 진행하는 방식을 사용하던가.. 카카오 로그인 등과 같이 프론트단에서 직접 사용해야하는 api의 경우에는 카카오나, 네이버에서 이미 자체적으로 apiKey와 함께 도메인 제한을 두어 해당 key값으로 접근할 수 있는 도메인을 제한하는 것이라고 보았습니다. 혹시 제가 내린 결론에 대해 잘못된 부분이 있다면 의견 주시면 너무 감사하겠습니다. (사실 아직 이게 맞나 하는 의문이 너무 커서..)

nextFastKaggle · Accepted Answer

https://okky.kr/questions/1278713

프론트단에서 key 값 관리

1개의 답변

Q&A 목록