2일차 내용
오늘은 Chapter1인 HTML의 기본을 공부했다.
웹 개발의 이해부터 시작해 HTML 심화까지 진도를 나갔다.
첫번째로는 HTML, CSS, Javascript에 대한 기본적인 설명과 무슨 역할을 맡고 있는지 알려주셨다.
HTML은 구조를 맡고있고, CSS 꾸며주는(스타일)역할, JS는 상호작용을 위한 역할을 맡고 있다.
두번째로는 VSC(Visual Script Code)의 설치 및 설정을 배웠다.
폴더 열기부터 파일 만드는 법 및 브라우저에서 열기까지 배웠다.
그리고 HTML의 기본 구조와 문법에 대해 설명을 들었다. HTML은 태그들의 집합이며, 트리 구조를 가진다.
그 다음으로 가장 많이 쓰이는 태그들에 대해 알아보았다.
div, span, img, a, ul&li, input, textarea, button...
그리고 로그인 페이지를 HTML로만 디자인적요소 없이 간단하게 만들어 보았다.
Login Keep Login (이런식으로 간단하게 제작)
그 후에 시멘틱 요소에 대해 배웠다.
시맨틱이란 ‘의미가 있는, 의미론적인'이라고 해석할 수 있는데, div의 남발로 인해 div 지옥이 될 수 있기 때문에 시멘틱 요소를 쓴다. 시멘틱 요소를 사용하는 이유는
1. 검색 엔진이 시멘틱 요소를 선호한다.
2. 다른 개발자들과 함께 작업할 때 div요소보다 찾기 편리하기 때문이다.
시맨틱 요소의 종류에는 article, aside, footer, header, nav, main 이 있다.
그리고 id와 class에 대해 배웠다.
id는 고유한 이름을 붙일 때, class는 반복되는 영역을 유형별로 분류할 때 쓴다.
그리고 자기소개 페이지를 만들었다.
간단하게 HTML로 작성을 해보았다.
