Coding Feature.

객체는 정리 정돈. 서로 연관된 함수, 변수를 grouping. 객체{}는 배열[]과 달리 순서가 없다. var coworkers = { "programmer" : "egoing", "designer" : "leezche" }; document.write(coworkers.programmer); 또는 document.write(coworkers["programmer"]); 출력 egoing. 객체 추가 시, coworkers.bookkeeper = "duru"; 또는 coworkers["bookkeeper"] = "duru"; 는 var coworkers = { "programmer" : "egoing", "designer" : "leezche", "bookkeeper" : "duru" }; 로 추가 객..

에 함수 내 this 는 self로 변경. 그리고 함수 사용 시 nightDayHandler(this){ ... } 사용.

var links = document.querySelectorAll('a'); var i = 0; while(i

반응형 디자인이란? 화면의 크기에 따라 디자인이 바뀌는 기능. 미디어 쿼리의 도움으로 구현이 가능. ​ 태그 내 @media(min-width:800px)​{ div{ display:none; } } 화면 너비가 800px 보다 크다면 div 내 컨텐츠를 감춘다. max-width:800px -> 800px보다 작다면.. ​ ​ 여러 문서에서 태그의 중복 사용으로 수정이 힘들다면. style 태그 내용을 .css 파일로 저장한다. style 태그가 사용될 각 문서들의 헤드 태그에 을 작성한다. ​ 그러면 각 문서는 .css파일을 다운받고 그 내용을 자신의 문서에 그대로 사용하게 된다.