일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 지역변수
- map()
- truthy
- 이벤트리스너
- 캡쳐링
- 논리연산자
- 비구조화
- INCLUDES
- 단락회로평가
- 전역변수
- falsy
- Await
- async
- icoMoon
- 중앙정렬
- js
- git
- 버블링
- 리액트
- 비동기적
- 프론트엔드
- 이벤트위임
- 돔조작
- 자바스크립트기초
- 코딩공부
- 동기적
- text-align
- 어웨이트
- 자바스크립트
- addEventListener
- Today
- Total
목록HTML (2)
피리부는 사나이 (pied piper)
1. DOCTYPE 정의 및 선언 : 우리말로 문서 타입 정의라고 한다. HTML에서 독타입은 문서의 최상단에서 찾을 수 있는 필수 서문이다. 문서가 렌더링할 때 "quirk mode"로 바뀌지 않도록 하는 것이 유일한 목적"" doctype은 브라우저가 일부 스펙과 맞지 않는 다른 렌더링 모드를 사용하기 보다는 적절한 스펙을 따르는 최선의 시도를 하도록 한다. 2. DOM 조작 DOM이란 무엇인가? : 브라우저의 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다. DOM (Document Object Model)은 HTML의 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조 트리 자료구조 (tr..
표준에서 마크업을 할때 중요한 것은 시멘틱이다. 표준에서는 그래서 div를 이용해왔는데 문제는 이러한 div의 문제는 편리하기도 하지만 시멘틱하지 않다는 것이다. 다시 말해서 구조의 의미를 알아보기 어렵다는 것 그래서 훨씬 쉽게 그 용도를 짐작할 수 있는 Sectioning elements를 사용하는 습관을 들이는 것이 중요하다. Sectioning elememtns에는 여러가지가 있는데 그중에서도 많이 쓰이는 것이 : 말 그대로 섹션을 구분 : 태그는 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의할 때 사용 : 쉽게 말해 사이트 네비게이션이라고 함 태그를 포함하고 있는 경우가 대다수임. 다른 사이트나 페이지로 이동하는 메뉴바를 만들 때 많이 씀 : 주위의 내용과 분리..