$(document).ready(function(){ $("#checkBoxId").change(function(){ if($("#checkBoxId").is(":checked")){ alert("체크박스 체크했음!"); }else{ alert("체크박스 체크 해제!"); } }); }); jquery change()를 확용하여 체크박스 클릭 해제할 때 변화되는 상태값 체크하기 input 태그를 값 확인하기 // 전체 갯수 $("input:checkbox[name=is_check]").length // 선택된 갯수 $("input:checkbox[name=is_check]:checked").length // 전체 체크 $("input[name=mycheck]:checkbox").prop("checked"..

작업하다보면 이전 파일과 비교가 필요할 때가 있다. 그럴 때 쓰면 좋은 프로그램 윈머지 최신 버전의 파일은 아님근데 이 버전 파일이 자료가 많길래 ctrl + N 새파일 창을 불러 복붙해 파일 비교하는 방법과 ctrl + O 로 파일 경로로 여는 방법이 있다. 비교할 두 파일F5 눌러 실행 다른 부분을 보여준다.

글짜 날리기 속성으로 이용할 때 text-indent! position:absolute; text-indent:-9999px; 를 사용해도 안될 때는 블록 속성 인지 확인하기 display:block, display:inline-block

1 2 3 4 5 6 7 8 select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(이미지 경로) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } select::-ms-expand { display: none; } * IE 10, 11의 네이티브 화살표 숨기기 */ Colored by Color Scripter cs

https://google.github.io/styleguide/jsguide.html

웹 반응형 디자인을 한번에 볼 수 있는 사이트들을 소개합니다.한번에 모여져 있는 다양한 사이트로 보기 편해요. 1. 국내 웹디자인 반응형 참고 http://rwdb.kr/ 2. 해외 웹디자인 반응형 참고 https://mediaqueri.es/

html5의 구조를 파악해주는 outliner https://gsnedders.html5.org/outliner/ 파일 / url / 복붙으로 선택 결과화면!