깃허브로 기록을 옮기면서 반나절을 쩔쩔맸다
어렵다 어려워..!!! 겨우 설치하고 글을 옮기는 중이다
1. 오늘 배운 것
✅HTML
: 구조를 표현하는 마크업 언어
웹 페이지의 틀을 만든다
태그들의 집합으로 이루어짐
tree structure
가장 많이 사용하는 중요한 tag
<div> : 한 줄을 차지한다 / 최후의 수단으로 사용할 것!
<span> : 컨텐츠 크기만큼만 차지한다
<img> <a> <ul> <li> <ol> <input> <textarea> <button> 등
id : 고유한 이름을 붙일 때 / 전체 페이지 중 1개 / 중복 불가! / div#id이름
class : 반복되는 영역을 유형별로 분류할 때 / 같은 class값을 지정해줌으로써 동일한 유형임을 알 수 있다 / li.class이름
💡 시멘틱 요소 semantic element
사람과 컴퓨터가 읽기 쉬운, 의미적 가치가 있는 요소
요소의 이름을 보고 의미를 충분히 알 수 있다
<article><aside><footer><header><nav><main>등
2. 어렵거나 헷갈린 것
요소와 태그의 차이
요소, 태그, 속성 각각의 의미
<header>와 <h>의 차이
3. 추가적으로 공부한 것
프로토타입핑 : 개발 초기에 모형을 만들어 기능의 요구사항을 파악 후 반영하는 개선 방식
와이어프레임 : wire(선)으로 frame(틀)을 잡는다는 뜻. 포토샵, 손그림 등
-
element는 내용을 포함해 시작태그와 종료태그까지를 말하는 것이고
tag는 단순히<와>사이에 있는 것이다 -
<header>는 페이지나 해당 부분의 가장 윗단이고
<h1>은 제목 태그다. 숫자가 커질수록 글자 크기가 점점 작아짐
4. 더 공부할 것
적절한 요소를 찾기 위해 검색할 것
요소를 사용 실습할 때 사용한 요소의 종류와 요소의 의미 정리해보기
vscode에서 go live
git 설치, git repository, github 구축해놓고 그간의 글들을 옮겼다.
잘 안 돼서 운동 가서도 생각이 났다...
집 와서 다 마치고 뿌듯한 마음으로 잤다..!
앞으로 작업물 옮겨놔야지 :)
