Reload0213 devNote

※ position : 웹 문서 안의 요소들을 배치해주는 속성 웹 문서를 만들 때 배치와 관련해서 중요하게 사용되는 속성position으로 쓸 수 있는 값으로는 static, relative, absolute, fixed가 있다. ● static => 요소를 단순히 위에서 아래로 흐름에 맞춰 배치할 경우 사용하는 속성. 기본적으로 position을 선언하지 않았을 시 default 값이 static이다. 인라인은 좌에서 우로 블록태그는 위에서 아래로 배치 되는 정적인 배치를 할 경우 static을 통해 배치가 가능하다. ● relative => static일 시 배치된 위치를 기준으로 상대적인 이동을 할 경우 사용되는 속성. 안쪽의 블럭들의 자유로운 이동을 위해 static 속성을 없애기 위한 용도로 사..

font-family: family-name: 사용할 폰트의 이름을 나타냄​ - ''로 구분하여 여러 개 선언할 수 가능 - family-name-지정순서로 폰트의 우선순위 결정 - 먼저 선언된 순서대로 우선순위가 결정 - 공백이 있거나, 한글일 경우 작은 따옴표로 묶어서 선언 line height: 행간 조정 -line-height로 제어되는 부분=line-box (em 박스+상하단의 여백) = 속성 = -normal: 기본 값 -number: 줄 간격 단위가 없는 숫자만 입력 폰트사이즈에 따라 배율로 적용 -length: px,em 등 고정값 -number: 자식 요소의 줄 높이는 부모요소의 number(비율)을 상속 받아 자식 요소는 글자 크기에 비례해서 높이가 조정된다 -%: 부모 요소에서 %가 ..

Form : 데이터를 전송하기 위한 인터페이스를 태그 형식으로 제공해주는 기능들의 영역 - form 태그 안에 input 태그들이 있는 형태가 가장 기본적인 형식 - 로그인, 회원가입, 검색 등 사람들이 데이터를 입력해서 색인, 수정, 삭제, 생성을 할 수 있는 인터페이스를 제공할 때 사용한다. ※ Form 태그에는 여러가지 속성이 있으며 주요 속성은 다음과 같다. ● name : 폼의 이름을 지정한다. DOM(Document Object Model)에서 form을 접근할 떄 한 페이지 내 다수의 폼을 구분하기 위한 용도로 사용 ● action : 이동하고자 하는 url 경로 혹은 html 파일 경로를 표시할 때 사용(a태그의 href와 동일) ● target : 이동하고자 하는 페이지를 어디에서 열 것..

1. HTTP 란? Hyper Text Transfer Protocol Hyper Text - 문서와 문서가 연결되도록 하는 태그로 구성된 언어 Transfer - 전송한다 Protocol - 어떻게 HTML파일을 주고 받을지에 대한 약속! 2. HTTP의 특징 Request 요청 Response 응답 요청 : 구글에 맛있는 사진 보여달라고 검색 응답 : 맛있는 사진 띄워줄께 요청 : 대화방에 들여보내줘 응답 : 어 들여보내줬어 Stateless 상태가 없다는 뜻 ! 즉 모든 요청이 독립적이라는 것 ex. 요청 1 줌 로그인 응답 1 로그인 200 ok 요청 2 미팅 접속 응답 2 미팅 접속 ok 여기서! 미팅에 접속 하는 건 로그인을 해야 가능하다. 근데 A라는 사람이 이전에 로그인 했다는 사실은 서버..