본문 바로가기

Web/Etc.3

Debounce / Throttle을 알아보자 - feat. Lodash Browser Event는 짧은 시간안에 많이 발생될 수 있습니다. 브라우저에서 저희는 Drag and Drop, Draggable, Resize, Infinite Scroll과 같이 다양한 기능을 개발하기 위해 Event를 감지하는 Handler를 등록합니다. document.addEventListener('scroll', function Handler () { // 로직 }) 그렇다면 Handler 또한 짧은 시간안에 많이 호출될 수 있습니다. Handler는 서버와의 API 통신, 위치 계산 등 비교적 시간이 오래걸리는 작업을 포함할 수 있습니다. 이러한 로직이 짧은 시간 동안 많이 실행된다면 사용자는 불편함 UI/UX를 경험하게 될 것입니다. 결국, 성능상 이슈가 발생합니다. 최적화 방법 Brow.. 2023. 9. 18.
네이버 클라우드 플랫폼을 활용하여 주소 기반 좌표(위도,경도)찾기 API https://www.ncloud.com/ NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 네이버 클라우드 플랫폼에 들어가서 우측 상단에 보이는 Console을 눌러줍니다. 로그인 창이 나타나는데 로그인 해줍니다. 아이디가 없으시다면 회원가입 해줍니다. 좌측을 보시면 Products & Services를 클릭해주시면 다음과 같이 나오는데 AI NAVER API를 클릭해줍니다. 다음 화면에서 Application 등록을 눌러줍니다. 저는 좌표만 찾을 목적이기 때문에 Geocoding.. 2020. 6. 15.
네이버 오픈API 검색->지역 사용 방법(naver open api) 저의 경우 naver open api에서 지역 검색을 할것이기 때문에 아래의 문서를 봤습니다. 저와 같은 경우 아래 링크로 이동합니다. https://developers.naver.com/docs/search/local/ 검색 API 지역 검색 개발가이드 NAVER Developers - 검색 API 지역 검색 개발가이드 developers.naver.com 먼저 open api 사용 신청을 해야 합니다. 위에 안내해드렸던 url로 들어가면 다음과 같이 오픈 API 이용 신청이 있는데 눌러줍니다. 저의 예시와 같이 원하는 애플리케이션 이름을 적어 주시고 환경 추가에서 본인이 해당 api를 사용하고자 하는 platform을 고르시면 됩니다. 다 만드셨다면 다음과 같이 Client ID와 Client Sec.. 2020. 6. 6.