CSS, 지도 검색 목록 만들기 결과 이전 글을 모두 응용하여, 검색 버튼 누를 시, 목록이 출력되도록 설정하였다. CSS는 간단하게 적용하였다. 옵션 1 옵션 2 옵션 3 검색 닫기 소개 글 2021.11.10 - [Web/CSS] - CSS, 카카오 sample 지도, 목록 CSS, 카카오 sample 지도, 목록 CSS, 카카오 SAMPLE 지도 목록 내용 https://apis.map.kakao.com/web/sample/keywordList/ 본 내용은, 카카오 지도 API에서 제공하는 CSS 입니다. 문단제목 키워드로 장소검색하고 목록으로 표출.. mollangpiu.tistory.com 본문은 이전글, CSS 작업 내역에서 진행되었다. 작업은 소소하게, 지도 목록이 필요해서 간단하게 제작되었..
CSS, 카카오 SAMPLE 지도 목록 내용 https://apis.map.kakao.com/web/sample/keywordList/ 본 내용은, 카카오 지도 API에서 제공하는 CSS 입니다. 문단제목 키워드 : 검색하기 카카오가 제공하는 지도 sample이 마음에 들어서 필요한 부분만 뜯어서 만들게 되었습니다. 지금 갖고 있는 지도 css에 적용하기에 매우 좋아보입니다.
Display 감추기, 보이기 CSS, dsipaly 감추고 보이게 하기 display의 기본은 다음과 같습니다. //display의 기본값 //display 감추기 기본적으로 block와 none를 사용합니다. block는 display의 가장 기본값이므로 display설정 안 할 경우, 자동적으로 주어지는 값입니다. none는 display의 숨길 때 가장 대표적으로 사용하는 명령어로, 해당 영역을 숨길때 사용하게 됩니다. 이제 위의 명령어를 활용하여 javascript를 통해 변경하도록 하겠습니다. JavaScript에서 변경하기 만약 위에처럼 html에 해당 영역이 있다고 가정하였을 경우에 대해 살펴보겠습니다. JavaScript에서 변경하기 //display 보이게 하기 document.getE..
딱딱한 HTML을 사용자가 원하는 대로 스타일을 변경시켜주는 것, 이를 CSS라고 부른다. 웹의 기본이며, 웹디자인에 관심을 갖고 있다면 필수적으로 알고 있어야 하는 사항이다. 다만, 웹디자인과 거리가 조금 멀은 서버쪽에 관심있는 사람이라면, 멀리 기피해도 되기는 하겠지만 혼자 프로젝트를 하게 되거나 혹은 타인의 HTML을 수정해야하는 경우가 종종 생기다보니 배우지 않는 것보다 좋은 편이다. CSS 의 속성은 이와 같다. 기본 CSS의 기본은 테그안에 style을 주어서 활용 할 수 있다. 이는 HTML 혹은 CSS를 제일 처음 접근하는 사람에게 매우 유용한 방법이 될 수 있다. 밑에서 소개하는 방식은 정리하기 편하다는 장점이 있지만, 관리를 못 할 경우 CSS가 괜히 꼬일 수가 있기 때문이다. CSS ..