본문 바로가기
IT/JAVASCRIPT

자바스크립트로 카카오맵 기반 마스크맵 만들기 2단계

by 쫄보에서고수까지 2020. 6. 10.
반응형

자바스크립트로 카카오맵 기반 마스크맵 만들기 2단계


이번에는 실제 이클립스로 1단계에서 만든 템플릿을 실행하고

원하는 위치에 컨트롤들이 이동할 수 있도록 수정함.



1단계에서 실행을 마친 localhost 페이지는 다음과 같다.



템플릿으로 받은 텍스트박스 + 버튼 옮기기 작업 예상.



옮기기 위해선 html 을 수정해야하고 어느 위치에 있는지 확실히 알 수 없다.

쉽게 알 수 있는 힌트는 텍스트박스 안에 1. Enter your email...  2. Sign up! 이라는 단어를 가지고 검색한다.



확인 결과.



살펴보니 <div> 두덩어리가 하나의 form 으로 감싸져있는것을 알 수 있다.

또한 그 form 이 다시 div 로 감싸져있기 때문에 form 상위 div를 복사함.

여기서 Enter your email... 을 주소를 입력해주세요 라는 문구로 대체해서 주소 검색창으로 사용할 예정

Sign up! -> 검색 으로 문구 대체 


상단으로 올리기 위해서 맨위에 StartBootstrap 단어를 검색해서 "테스트 마스크맵" 문구 대체


반응형
LIST

댓글