프론트엔드 3

[ Web & MarkUP ] CSS 선택자들.

[ Web & MarkUP ] CSS 선택자들.   ∇ CSS의 선택자들.목 차1. 전체 선택자2. 태그 선택자3. 클래스 선택자4. 아이디 선택자5. 기본 속성 선택자6. 조합 선택자 사용하기.7. 가상 요소 선택자 사용하기8. 가상 클래스 선택자 사용하기9. 다양한 선택자 조합하기10. 속성 선택자11. 복습    CSS 문법은 크게 선택자와 선언부로 구성이 됩니다. 그 중 선택자는 CSS를 적용할 태그(요소)를 지정하는 문법적인 영역이며 CSS는 선택자를 지정하는 다양한 방법들을 제공합니다.   1. 전체 선택자.      : 전체 선택자는 HTML에서 사용할 수 있는 모든 요소를         한 번에 선택자로 지정하는 방법으로    * 기호를 사용합니다.* { color: red; }  ..

[ Web & Mark UP ] CSS 기본 정리.

[ Web & Mark UP ] CSS 기본 정리.   ∇ CSS 기본 정리.목 차1. CSS 문법 형식2. CSS 적용하기3. CSS 주요 문법 요약 ※ CSS의 기본 사항.        - CSS는 HTML과 함께 웹 표준의 기본 개념입니다.             ( 추후에 스타일컴포넌트, 테일윈드 등의 프레임워크로 변형 가능하기에 기본 개념을 숙지해야함.)         - HTML이 텍스트, 이미지, 표 같은 요소를 웹 문서에 넣어서 뼈대를 만드는 역할을 한다면,            CSS는 텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소들을 활용해 디자인을 담당 합니다.            ⊙ 초창기 HTML은 style 속성을 통해서 태그를 꾸밀 수 있었습니다.            하지..

[ Web & MarkUp ] DOM ( Document object Model ) 완벽 정복하기.

[ Web & MarkUp ] DOM ( Document object Model ) 완벽 정복하기.  ∇ DOM ( Document Object Model ) 구조목 차1. 웹 페이지가 만들어지는 방법 1-1 Critical Rendering Path 1-2 렌더트리2. DOM ( Document Object Model ) 2-1 DOM의 생성 방식 2-2 DOM과 HTML의 차이점 2-3 DOM은 브라우저에서 보이는 것이 아닙니다. 2-4 DOM은 개발도구에서 보이는 것이 아닙니다.3. CSS 선택기를 사용하여 DOM 요소를 선택하는 방법4. DOM Elements 제어 방법5. DOM Events6. 요약   우선적으로 DOM이라는 것을 이해하기 위해서는 웹 페이지의..