Welcome to AceT's Blog(866)
-
스텝4) naver map api 학습
참고 : https://navermaps.github.io/maps.js.ncp/docs/tutorial-Map.html 지도생성 및 기본동작 Map객체 : 특정 DOM요서에 지도를 표현! var map = new naver.maps.Map('map', { mapTypeId: naver.maps.MapTypeId.HYBRID }); 지도 초기화 지도를 초기화하려면 지도가 표현 될 DOM 요소 또는 DOM요소의 id를 명시해야 함. var map = new naver.maps.Map('map', { 지도 유형 설정 Map 객체는 지도유형을 저장하고 있음. - MapOptions를 이용하거나 setMapTypeId메서드를 이용 해야 함. 지도 유형은 참고 : https://navermaps.github.i..
2023.08.10 -
스텝3) naver map api 호출 해보기!
안녕하세요~오늘은 드디어 naver maps를 붙여보는 날:) 뭔가 이쁘게 해보려고 https://headlessui.com/react/tabs 를 하다가 https://nuxt.com/docs/examples/routing/pages 를 참고해서 만들어보려고 합니다. 그리고 navermap api는 튜토리얼이 엄청 잘되어있네요! 굿~ 하나씩 따라서 학습하면 만들수 있을것 같아요 ㅎㅎ https://navermaps.github.io/maps.js.ncp/docs/tutorial-MapTypes.html HelloWorld는 아래처럼 바로 나옵니다. 그리고 typescript사용에서는 npm에서 이미 제공을 해주네요 npm i -D @types/navermaps 지도생성 및 기본동작 등을 학습하면 아래..
2023.08.02 -
스텝2) setup web application for naver maps
web application은 여러가지가 있는데 현재 셀에서 최근에 작업했던 nuxt3으로 진행하려고 합니다. 참고 : https://nuxt.com/docs/getting-started/installation 1) 설치 npx nuxi@latest init cd jejuMap npm install npm run dev result) InteliJ를 사용한다면 아래와 같이 run 스크립트로 실행하게끔 해놓는다. nuxt 파일 중에 nuxt.config.ts 라는게 있는데 이 파일은 스크립트 추가, 모듈 등록 또는 렌더링 모드 변경등에 사용 됩니다. import없이 globally하고 사용할 수 있다! runtimeConfig export default defineNuxtConfig({ runtimeCon..
2023.08.01 -
스텝1) 네이버 지도 api를 사용해보자:)
안녕하세요 무더운 여름이네요.. 주말에 지도 api가 궁금해서 사용해보려고 합니다. 여러 지도 api가 있지만 "너로 정했다! 네이버!" 출처 : https://navermaps.github.io/maps.js.ncp/docs/tutorial-1-Getting-Client-ID.html 우선은 클라이언트 아이디를 발급! 회원가입을 해줍니다. 결제 수단을 등록 후 콘솔로 이동 합니다. AI,NAVER API를 클릭 후 Application을 등록해 줍니다. 등록하기 전 Service를 선택! Maps을 사용해야하니 Web에 띄워주고 geo관련된 친구들 2개 선택해 줍니다. 그리고 Web서비스 url을 설정해줍니다. 일단은 로컬호스트에서 동작해야하니 http://localhost를 입력해줍니다. 등록 후에 ..
2023.07.31 -
제주에 살어리랏다
7월 중순, 엄청 더운 여름 갑작스런 전체 회의가 열렸다. 엄청나게 충격적인 사태가 벌어졌다. 그로부터 2주간 지난 지금 친했던 동료들의 퇴사소식이 들려온다. 판교에서도 제주도에서도 분노와 슬픔이 공존하는 가운데 매우 안일했던 내 모습을 알게되었다. 이력서라는것을 10년만에 업데이트 하려는데.. 마지막 회사라고 생각을 한 것인가? 제주도에 살고 싶은 마음 때문일까? 지금까지 업데이트 해오지 않았다. 제주도에 살고 싶다 이 생각하나로 연봉을 높이기 위해 이직 생각도 이력서를 업데이트 할 생각도 전혀 하지 않았다. 이러한 불안과 초조함 힘듬은 생각해보면 여러 회사를 다니면서 다양한 형태로 경험을 많이 했다. 어딜가나 힘들고 재미난 경험들이 있었고 쉼 없이 일하며 성장하려고 노력해왔다. 지금 역시 좀 더 나를..
2023.07.27 -
코딩 테스트 - 프래그래머스
코딩 테스트를 풀어보자:) https://programmers.co.kr/ 문자열 출력하기 난이도 0레벨 ㅋㅋ 아래처럼 소스를 짜고! 코드를 실행! 와우! 점수를 준다 ㅋㅋㅋ 굿~최대 점수가 3점인가?? 14점도 있었다..ㅎㅎ 다른 사람의 풀이도 볼수 가 있다! ㅋㅋ 역시 코딩에 정답이 없어! 여러가지 답이 나올수 있다! 대학교때 생각이 물씬 난다 ㅎㅎ 다른소스를 보니 a.length()가 중복이라 변수로 처리했다. 굿! 앞으로 종종 풀어보자:)
2023.07.18