[JavaScript/JS] 이미지 로딩, 로드 속도 개선 라이브러리
·
외부 라이브러리
JS 파일이다. img 태그 모두 이미지 동적 로딩, jquery를 사용하여야 한다. $("img").lazyload(); 로딩되는 동안 임시 이미지 생성 $("img").lazyload({ placeholder : "img/blank.gif", event : "click" }); 이미지 표시되기 200픽셀 전 로딩 $("img").lazyload({ threshold : 200 });
[레이더 표현] Nwagon 활용 [스프링, jsp 적용 sample]
·
외부 라이브러리
Nwagon.css와 Nwagon.js를 알맞은 디렉토리에 넣어놓고, ex.jsp를 실행하면... ex.jsp 데모버전 레이더 위와같이 JSP 내용을 입력하면 해당 레이더가 출력된다.
구글 애널리틱스(GA) 통계 사용법
·
외부 라이브러리
1. 구글 애널리틱스(GA) 계정 생성 구글 애널리틱스 계정을 생성 하려면 구글 계정이 있어야 합니다. 구글 계정으로 로그인 했다는 가정 하에 본격적으로 진행하겠습니다. 먼저, 구글 웹로그 분석 사이트 ( www.google.com/analytics )에 방문합니다. 오른쪽 상단에 있는 '계정 만들기' 버튼을 클릭합니다. 이어 지는 화면에서, 우측의 '가입' 버튼을 클릭합니다. 아래와 같이 계정 정보 기입란 화면이 뜹니다. 추적 대상으로 웹사이트를 선택한 후 모든 항목에 알맞게 입력합니다. 계정 이름 : 업체명 기입 웹사이트 이름 : 웹사이트명(또는 업체명) 기입 웹사이트 URL : 웹사이트 URL 기입 업종 카테고리 : 업종 목록에서 해당 업종 선택 보고서 시간대 : 미국 → 대한민국 변경 선택
[Javascript/JS] 리스트 더보기 기능 구현
·
외부 라이브러리
리스트 더보기 기능 구현 .html 더보기(MORE) 버튼을 눌러 일정갯수의 리스트 더 보기 test1 txttxttxttxttxttxt test2 txttxttxttxttxttxt test3 txttxttxttxttxttxt test4 txttxttxttxttxttxt test5 txttxttxttxttxttxt test6 txttxttxttxttxttxt test7 txttxttxttxttxttxt test8 txttxttxttxttxttxt test9 txttxttxttxttxttxt test10 txttxttxttxttxttxt test11 txttxttxttxttxttxt test12 txttxttxttxttxttxt test13 txttxttxttxttxttxt test14 txttxttxtt..
[JavaScript/JS] 카카오스토리 공유기능 만들기
·
외부 라이브러리
카카오스토리 공유기능 태그가 끝나는 곳에 아래 소스를 추가한다. 카카오 스토리 공유버튼이 나와야할 공간에 아래 소스를 추가한다. {공유할 URL} 에는 말 그대로 공유할 URL를 적어 넣는다. 그러면 공유버튼이 생성된다. !! 카카오스토리 이미지 태그 ▼ 자세한 건 https://developers.kakao.com/docs/social-plugins/story-share 에 나와있다. 참고하도록 하자.