오늘 한 일
- 강의 중 트위터 마크업 챌린지 챕터 수강 완료
공부한 내용
구조적인 웹 문서 설계
올바른 Sectioning Elements 사용방법
- Sectioning Element 내에는 반드시 heading 태그를 작성해야 한다.
- section, nav, article, aside
<section>
<h1>섹션의 제목</h1>
<p>...<p>
</section><nav> <!--nav 라는 섹셔닝 요소를 쓴 이상 반드시 헤딩 태그 사용-->
<h1>메뉴</h1>
<ul>
<li>
<a href="#">링크</a>
</li>
</ul>
</nav>구획 나누기
논리적으로 긴밀하게 관련된 집합체
- 문서를 작성하는 관점에 따라 다름
- 적절한 Sectioning Element 정해주기
header
문서의 전체 페이지나 각 섹션에서 가장 최상단 부분에서 제목이나 헤더영역을 담당할 때 사용
- div 와 기능적인 차이는 없음
nav
Sectioning Element임으로 문법적으로 반드시 heading 태그를 넣어주어야 함
- 문서 간의 이동할 수 있는 요소를 포함하는 경우 사용
main
본문에 있어서 가장 핵심인 내용을 묶어주는 역할
- 하나의 html 문서에서는 단 하나의 main만 사용할 수 있음
- main은 section, article, nav, aside 안에 올 수 없음
section
Sectioning Element임으로 문법적으로 반드시 heading 태그를 넣어주어야 함
- 논리적으로 완결된 집합체는 div 대신 section을 이용해 마크업함
article
블로그, 기사 등 정보 컨텐츠로써 완결성이 있는 독립적인 콘텐츠인 경우에 section 대신 사용
aside
논리적으로 완결된 집합체이나, 본문과 직접적인 관련 없는 경우 사용
footer
제작 정보와 저작권 정보, 사업자 번호 등 사이트와 관련된 정보를 묶을 때 사용
- Sectioning Element 내에서 하단부를 마크업 할 때도 사용
해야 할 것
- 강의 계속 듣기 / 내용 복습하기
- 영타 속도 200 이상으로 올리기
- Git에 대해 공부하기
강의를 최대한 이해하면서 따라하긴 했지만 100% 다 이해한 건 아니라서 복습이 꼭 필요하다. 의미있고 체계적인 마크업은 어려워
엥 정처기 필기를 합격했어요
솔직히 가채점때 4과목이 과락이어서 한동안 잊고 살았는데 복수정답 처리가 되어서 간신히 합격했다. 2회 필기 합격률이 36.76% 라는데 정말 합격한게 기적인 수준...
그래서 합격한 기념으로 정처기 실기책과 다른 책 두 권을 질렀다.
자바스크립트 입문서는 한참 고민했는데 다른 입문서 후기를 보니까 아예 쌩 기초를 다지기엔 무리라고 해서 결국 Do it 시리즈를 사게 되었고 http 책은 가볍게 읽어보려고 샀다. 분철 신청 때문에 4일 뒤에 배송 오던데 빨리 왔으면 좋겠다...🥲
