IT/JAVASCRIPT14 자바스크립트로 카카오맵 기반 마스크맵 만들기 2단계 자바스크립트로 카카오맵 기반 마스크맵 만들기 2단계 이번에는 실제 이클립스로 1단계에서 만든 템플릿을 실행하고 원하는 위치에 컨트롤들이 이동할 수 있도록 수정함. 1단계에서 실행을 마친 localhost 페이지는 다음과 같다. 템플릿으로 받은 텍스트박스 + 버튼 옮기기 작업 예상. 옮기기 위해선 html 을 수정해야하고 어느 위치에 있는지 확실히 알 수 없다. 쉽게 알 수 있는 힌트는 텍스트박스 안에 1. Enter your email... 2. Sign up! 이라는 단어를 가지고 검색한다. 확인 결과. 살펴보니 두덩어리가 하나의 form 으로 감싸져있는것을 알 수 있다. 또한 그 form 이 다시 div 로 감싸져있기 때문에 form 상위 div를 복사함. 여기서 Enter your email... .. 2020. 6. 10. 카카오맵 오픈API 기반 마스크맵 만들기 1단계 카카오맵 오픈API 기반 마스크맵 만들기 카카오맵 기반으로 https://maskmap.site/ 에 등록된 마스크맵을 비슷하게 만들고자 하였다. 먼저 , bootstrap free 검색해서 사용할 테마를 선택한다. landing Page 를 선택하였고. landing Page 에서 필요한 부분만 추출해서 사용하도록 함. 1. 검색창을 상단 위로 올리고 나머지는 전부 지운다. (검색창은 주소 검색을 하기 위함.) 2. 검색창, 상단bar 외에는 전부 지우고 kakaoMap 으로 채울 예정. 3. 카카오맵이 화면 비율에 맞춰 축소/확대 하였을때 변경이 제대로 잘 되는지 확인되어야함. Free DownLoad 버튼을 눌러서 다운로드 받고 압축해제한 폴더 및 파일들을 전부 이클립스 자바 프로젝트에 붙여넣습니다.. 2020. 6. 10. 이전 1 2 3 4 다음