정보 기술 놀이터

위 HTML 코드를 보면 css와 js의 위치가 서로 다르다. HTML은 위에서부터 아래로 코드가 실행되기 때문에 head가 모두 실행된 후 body가 실행된다. 즉, head가 로딩되기 전까지 사용자에게 백지 화면만 노출된다. 불러올 js 용량이 클 경우 페이지 로딩 속도 이슈가 발생 할 수 있기 때문에 js는 body안에 작성하는 것이 좋다. 반면에, css는 화면을 그리는 역할이므로 body에서 작성 시 스타일이 적용되지 않은 화면을 볼 수 있어 head에 작성 하는 것이 좋다. 별도로 bootstrap을 사용할 경우 bootstrap.js는 제이쿼리에 의존하기 때문에 jquery.js를 먼저 호출해야 한다.

1. id #haeder, #nav 처럼 맨 앞에 '#'로 시작 DOM 구조 안에서 고유성을 가지는 엘리먼트를 지정할 때 사용 (중복 불가) 일반적으로 header, nav, aside, content, footer등에 사용 네이밍 룰은 카멜(camel) 표기법을 따름 2. class .left, .right 처럼 맨 앞에 '.'로 시작 DOM 구조 안에서 공통성을 가지는 엘리먼트를 지정할 때 사용 (중복 가능) 중복이 되는 태그에 많이 사용 (각 메뉴 또는 하위 메뉴를 만들 때 같은 스타일 지정) 네이밍 룰은 스네이크(camel) 표기법을 따름

1. 태그(tag) 엘리먼트의 시작과 끝, 속성을 나타내는 '' 로 감싸진 것 , 등 2. 엘리먼트(element) 시작 태그 + 내용 + 종료 태그 정보 기술 놀이터 등 태그와 엘리먼트는 같은 것처럼 오해할 수 있으나, 알고 보면 약간 다르다. 커뮤니케이션에서 크게 문제 될 일은 없지만 그래도 정확히 아는 것이 낫다.