반응형
자바스크립트로 카카오맵 기반 마스크맵 만들기 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
'IT > JAVASCRIPT' 카테고리의 다른 글
자바스크립트로 카카오맵 기반 마스크맵 만들기 6단계 (0) | 2020.06.17 |
---|---|
자바스크립트로 카카오맵 기반 마스크맵 만들기 5단계 (0) | 2020.06.15 |
자바스크립트로 카카오맵 기반 마스크맵 만들기 4단계 (0) | 2020.06.12 |
자바스크립트로 카카오맵 기반 마스크맵 만들기 3단계 (0) | 2020.06.10 |
카카오맵 오픈API 기반 마스크맵 만들기 1단계 (0) | 2020.06.10 |
댓글