s0n9h2

1탄에서 이어지는 내용입니다. [04 사용자의 현재 위치 정보 사용하기] (1) 현재 위치 가져오기 이 기능을 추가하면서 가장 애를 먹었던 부분이다. 현재 위치 정보를 가져오는 코드는 금방 찾았는데 아무리 구글링을 해도 이걸 기반으로 검색 기능을 구현한 블로그가 없었기 때문...ㅎ 블로그에 의존하던 내 실력의 한계를 느꼈다. 일단 웹에서 내 위치를 가져오는 기능은 Geolocation API를 사용하면 된다. 구글링해서 얻은 코드에 Promise 객체를 return 하도록 함수를 수정하고 KakaoMap에서 사용하는 위치 정보 객체로 변경해서 응답값에 넣어주었다. const getCurrentCoordinate = async () => { console.log("getCurrentCoordinate 함수..

01. KakaoMap API 사용 배경 포스팅 순서가 좀 바꼈지만 2차 프로젝트에 이용한 마지막 외부 API인 카카오맵 적용 과정을 기록하려 한다. 프로젝트를 진행하며 마이 페이지에 내 위치 주변 PC방 목록을 보여주고 싶었다. 따라서 "PC방"라는 키워드로 검색한 장소 목록을 출력하려고 하는데, 우리나라 지도가 필요하기 때문에 정확도를 위해 네이버 맵과 카카오 맵 중 API 설명이 보기 편한 카카오 맵 API를 선택했다. 결론적으로 말하면 원하던 기능 구현에는 성공했지만, 생각보다 시간이 오래걸렸고(중간에 다른거 하며 이틀동안 시도) 시행착오를 많이 겪었다. 그리고 결정적으로 배포 이후에는 제대로 동작하지 않았다. 이유는 보안 환경이 아니었기 때문인데 뒤에서 자세히 설명하겠다. 02. KakaoMap..

[01 Youtube API ] (1) 사용하게 된 배경 프로젝트를 진행하며 메인 페이지에 게임 관련 유튜브 동영상을 보여주고 싶었다. 따라서 "게임 리뷰"라는 키워드로 검색한 동영상 목록을 출력하려고 하는데, 당연히 블로그 검색부터 했다. 대부분의 블로그는 Channels, Playlists, Videos 메소드를 사용했는데 나는 검색 기능만 필요하기 때문에 Search 메소드를 사용할 것이다. 그런데 Search 메소드 사용한 블로그대로 다 해봤는데도 안돼고 감이 안잡혀서... 공식 문서를 확인했다. 사실 그래도 모르겠어서 보류하고 뉴스 크롤링 기능부터 구현했는데 여기서 request 라이브러리를 사용한 걸로 감이 와서 해결할 수 있었다! (2) Youtube API 요청시 주의할 점 Youtube ..