inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

코로나맵 개발자와 함께하는 지도서비스 만들기 2

네이버 지도 api 발급 및 적용

script 태그에 있는 클라이언트 아이디가 github에 공개되지 않도록 올리는 방법이 있을까요?

437

WS IM

작성한 질문수 9

1

<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?govClientId=YOUR_CLIENT_ID"></script>

저는 공공기관에서 근무하고 있기 때문에 위 스크립트 태그를 사용했습니다. 혹시 github에 올릴 때 YOUR_CLIENT_ID 부분을 공개하고 싶지 않은데 방법이 있을까 궁금하여 여쭤봅니다.

github 웹앱 gitignore express mongodb nodejs mongoose

답변 1

1

이동훈

질문 주셔서 감사합니다:)

front-end에서 api key를 숨기는 방법은 

dotenv 와 webpack을 활용하는 방법으로 구현하는게 좋을 것 같습니다.

아무래도 본 강의에서는 webpack를 활용하는 범주를 벗어나서 다루지는 못했지만

https://velog.io/@code-bebop/Front%EC%97%90%EC%84%9C-API-Key%EB%A5%BC-%EC%88%A8%EA%B8%B0%EB%8A%94-%EB%B2%95

해당 링크를 참조하시면 될 것 같습니다.

궁금하신 내용 있으시면 언제든 답변 주시기 바랍니다:)

감사합니다~!!

0

WS IM

답변 감사드립니다.

첨부해주신 링크 확인해보았는데요, 저렇게 해서 `.js` 파일에서는 사용 가능한 것으로 이해했습니다. 하지만 `.html`파일이나 이번 강의에서 사용한 `.ejs`파일의 경우 어떻게 적용해야할지 모르겠습니다. 질문 원본 글에서 제가 궁금했던 것도 <script> 태그 안의 src를 이루는 긴 스트링 중 YOUR_CLIENT_ID 부분만 숨기고 싶었던 거에요.

제가 질문을 제대로 한 것인지 잘 모르겠네요. 

안녕하세요 선생님 도와주세요

0

158

1

marker 크기 관련 질문

0

127

0

upload.css 관련 질문

0

113

1

mongoDB 관련 질문

0

162

1

키워드 검색 데이터 받아오기 강의중 문제 발생

0

253

1

404에러가 뜨네요 ㅠㅠ

1

383

1

카카오 api 발급 및 적용중에 upload 페이지가 뜨지를 않아서요.

0

267

1

키 발급 부탁드립니당!!

0

189

0

코드를 다운받을 수 있는 곳이 있나요?

0

209

0

서버 구축

0

309

0

인포박스가 생성되지 않아요

1

386

2

infowindow_wrap부터 css가 적용이 안돼요

0

256

0

화살표 함수 두번 쓰는 이유가 궁금합니다.

3

230

0

이거 좀 너무 "코드보고 따라치세요" 식 아닌가요?

3

246

1

마커 클러스터 내의 텍스트 속성 지정 방법이 궁금합니다.

0

342

1

로딩 속도를 높이는 방법이 궁금합니다.

0

289

1

헉! 저도 회원가입에서 막혔네요

1

216

1

-g로 설치하는 이유가 있나요?

1

193

1

강의 내용 외 문의

0

178

0

마커 기능 질문

1

175

1

웹 관련 문의

1

264

1

서버접속시 오류가 발생하네요

1

239

2

지도정보 표시

1

352

1

안녕하세요 강사님. ajax관련 질문을 남기고자 합니다.

1

347

1