전체 글
반응형 모바일 overflow 적용 안됨(오른쪽 흰 줄)
반응형 웹을 하다보면 overflow가 웹에서는 적용되는데 모바일에선 적용 안되는 경우가 있다 overflow-x:hidden; 을 줬는데 모바일에선 오른쪽으로 옮겨지면서 흰색 줄이 생겼다. 이럴 때 overflow를 html, body에 넣었는지 확인해보자. 모바일에선 html,body에 overflow를 넣으면 적용이 안된다. 그래서 div나 다른 태그로 옮겨주면 잘 작동한다.
이미지 수정, 무료 아이콘 사이트
원본 배경제거, 배경 이미지 수정 https://www.remove.bg/ko/upload 기존 사진 자르기 및 크기 수정 https://www.iloveimg.com/ko/ 무료 아이콘 https://www.flaticon.com/kr/
API 키 없이 구글맵 사용하기
API 키 없이 카카오맵 사용하기와 방법은 거의 동일하다. 단순 주소표시만 사용할때는 API 키 없이 사용이 가능하다. 1. 구글맵(https://www.google.co.kr/maps) 접속 2. 원하는 주소 검색 3. 공유 -> 지도 퍼가기 4. HTML 복사 후 사용
API 키 없이 카카오맵 사용하기
검색이나 길찾기 등 여러가지 기능을 사용하려면 API 키를 발급받아서 등록해서 사용해야 한다. 하지만 단순히 마커(주소 위치)만 표시한 지도를 띄우고 싶다면 API 키 없이 간단하게 사용할 수 있다. 1. 카카오맵 (kakao.com) 접속 2. 주소 검색 3. 공유 버튼 클릭 -> HTML 태그 복사 4. 원하는 크기 및 마커 선택 후 소스 생성하기 5. 소스 복사 후 사용 단, 일반지도는 확대 축소, 이동 가능한 코드가 생성되지만 이미지지도는 사진처럼 이미지 코드만 생성되기 때문에 확대 축소, 이동은 불가능하다. 원하는 기능에 따라 복사해서 사용하자
체크박스 전체 선택 코드
전체 체크박스 클릭 했을 때 하위 체크박스 전체 체크 / 해제 코드 function starAllCheck(){ var isChecked = $('#isInterested_all').is(':checked'); if(isChecked){ $('input[name=isInterested]').prop('checked',true) }else{ $('input[name=isInterested]').prop('checked',false) } } 하위 체크박스 전체 선택 / 해제 되었을 때 전체 체크박스 체크/해제 코드 function starCheck(){ var total = $("input[name=isInterested]").length; var checked = $("input[name=isInteres..