21.10.12 개발일지
브라우저: 서버에게 요청하고 서버가 보낸 것을 그린다.(그릴 것=데이터)
HTML: 뼈대, 큰 틀, 레이아웃, 문서 형태를 기반으로 함, <>꺽쇠=태그라고 함
CSS: 꾸밈 요소
JAVA script: 움직임, 페이지 이동
부트스트랩: 샘플 CSS 템플릿(?)을 모아둔 것. 가져다 쓰면 된다.
<head>: body를 제외한 코드, 사이트 네임, 사이트 아이콘, 꾸미기, 자바스크립트 등
<body>: 웹페이지 창 전체에 들어가는 것
<div>: 덩어리로 묶어서 한 번에 옮길때, 묶어주는 역할. 영역이 보지이 않으니 color를 주어 영역을 확인한다.
<p>: 문단
<h1>: 제목
<span>: 특정 글자를 묶어줄 때, 꾸밀때 사용
<a>: 하이퍼링크
<img>: 이미지 태그
<hr>: 가로 선
<input>: 텍스트 입력
<button>: 버튼
<textarea>: 텍스트 입력
padding: 안으로 띄우기
marging: 밖으로 띄우기(시계 방향으로 top-rignt-bottom-left)
ex) 10px 0px 0px 20px=위에서 10px, 왼쪽에서 20px 띄움
marging: auto; : 가운데 자동 정렬
display: block; : 글 속성과 박스 속성이 있는데, 글 속성은 가로 세로 개념이 없으므로,
글 속성을 강제로 박스 개념으로 바꾸어 위치 이동 시 사용
{ } 코드의 범위
. 부르기
* 모든 태그에 다 적용한다
▪️줄맞춤 단축키: 전체 선택 후 command+art+L
▪️주석: 드래그 후 command+/
: 임시로 코드 취소 또는 코드에 대한 간단한 설명 붙여둘 때 사용