- 오늘 배운 것
- div태그는 한줄의 크기를 차지한다.
- span 태그는 컨텐츠만큼의 크기를 차지한다.
- img는 self-closing 태그이다.
- radio같은 경우, name과 같게 만들어서 같은 선택지라고 만들어주어야한다. (radio는 단일선택)
- radio나 checkbox 같은 경우 서버로 넘어갈 때 value 속성을 통해서 넘겨주는 값을 지정할 수 있다.
- <p> 태그는 pharagraph의 약자이다. 주석같은 글은 p아니라 <span>태그로 활용하는게 맞다.
- 배운 것중에서 중요한 것
- 시맨틱태그 : 의미있게 HTML 문서를 작성하는 것
- article - 독립적이고 자체 포함된 콘텐츠 지정
- aside - 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소
- footer - 페이지의 해당 파트 가장 아랫부분을 의미
- header - 페이지의 해당 파트 가장 윗부분을 의미
- nav - 일반적으로 상단바를 의미
- main - 문서의 주요 컨텐츠를 의미
- 시맨틱태그 : 의미있게 HTML 문서를 작성하는 것
- 내가 놓쳤던 부분
- radio와 checkbox 는 form이고 label 태그로 넣어줄 수 있다는 것. 그리고 단일선택과 중복선택의 차이점이 있다는 것.
- p는 pharagraph의 약자였다는 것.
- 끝맺음
- 역시 공부는 끝이 없다고, 이전에 공부해두었던 html이었지만 다시 공부하니 조금 흐릿해졌던 공부기억들을 다시 복습할 수 있어서 좋았다. paragraph를 예전에는 남발해서 썼었는데 ^^;; 그리고 시맨틱태그에서 되게 얕게 배웠던 기억이 있어서 다시 배우고 몰랐던 부분을 찾아보고 하니 앞으로 html문서를 작성할 때, 시맨틱 마크업 방식으로 작성하는 걸 습관화해야겠다고 느꼈다. 앞으로 어떤 회사에 가서 내가 만든 홈페이지가 검색엔진에서 선순위로 뜨는 것이 중요할수도 있으니까!
📍 수업이외 학습
- 알고리즘 문제 3개 풀기 (한문제는 ㅜ ㅜ 왜안풀리는지 모르겠다. . 내일 다시 풀어야지)
- CS지식 2개 포스팅한거 외우기
- 니코쌤 React 수업 20% 채우기
- 모던 자바스크립트 1시간 정독