분류 전체보기
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..
[Java] 폴더 파일개수 체크 성능 이슈
폴더에 파일개수를 확인하는 로직이 있었는데 오후만 되면 항상 느려지고 cpu 점유가 엄청 올라갔다. 폴더는 하루마다 새로 생성돼서 파일을 쌓는데 처음엔 괜찮다가 쌓이면 느려지는 문제 확인. 코드를 보니 for문 안에서 new File(path).list().length 를 계속 불러 오고 있었다 파일이 적을 때는 괜찮은데 많아질수록 File 객체를 계속 생성해서 불러오니 당연히 느려질 수 밖에 없는 코드... 저 부분에 cache를 적용했다. for문 마다 불러오는게 아니라 특정 작업이 생겼을 때 개수를 확인해서 cache 업데이트 for문에서는 cache값만 확인하니 cpu 점유가 반절로 줄었다. ** 리소스 많이 먹는 작업을 for문에 넣지 않도록 주의하자
html에서 style, script 위치
무조건 여기! 보다는 왜 여기여야 할까? 일반적으로 브라우저는 html을 위에서 부터 읽어 내려간다. 야호 2 가 있다고 생각해보자. 1번 위치 : style이 로딩되고 div가 로딩 되기 때문에 div에 바로 스타일 적용이 된다. 2번 위치 : div가 로딩되고나서 style이 로딩 되기 때문에 css양이 엄청 많다고 하면 글씨가 검은색에서 빨간색으로 바뀌는걸 실시간으로 보게된다(단점) 그래서 style은 head안에 선언하는게 좋다 script script도 sytle과 똑같다. 다만 용도에 따라 선언위치가 달라질 수 있다. 1번 위치 : dom접근이 필요없고 js 로딩이 먼저 필요할 때 2번 위치 : dom접근이 필요한 js 로딩 할 때 js용량이 매우 크다고 생각해보면 한곳에 두는것 보다 용도에 ..