23.05.08~ / 취업준비_이력서 스터디, 데일리 과제
HTTP란?(HTTP의 메세지 구조)
HTTP란 Hyper Text Transfer Protocol의 약자로 인터넷에서 데이터를 주고 받을 수 있는 프로토콜(규칙)이다.
이 규칙이 정해져 있음으로 개발자는 규칙에 맞게 개발 후 정보 교환이 가능해졌다고 볼 수 있다.
서버에게 ~~에 대한 정보를 요청했을때, 혹은 서버에서 응답시 응답에 대한 정보를 담아 클라이언트로 보내는데, 이러한 정보가 담긴 메세지를 HTTP메세지라고 한다.
HTTP 메세지는 시작줄, 헤더, 본문으로 구성된다.
자주 쓰는 HTTP 메서드
GET, POST, PUT, PATCH, DELETE
가져오다, 게시하다, 집어넣다, 고치다, 지우다 의 뜻에 맞게 해당 동작을 할 때 사용한다.
position?
CSS에서 position 속성은 HTML 문서 상에서 요소가 배치되는 방식을 결정한다.
position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용되곤 한다. position 속성의 종류는 다음과 같다.
position: static
별도로 지정되지않은 가장 기본 속성을 의미하며, 이 속성을 가지고 있을때는 top, left, bottom, right 은 무시된다.
position: relative
position 속성을 relative로 설정하게 되면, 요소를 원래 위치에서 벗어나게 배치할 수 있다.
요소를 원래 위치를 기준으로 상대적(relative)으로 배치해주는 셈이다.
요소의 위치 지정은 top, left, bottom, right 속성을 이용해서, 요소가 원래 위치에 있을 때의 상하좌우로 부터 얼마나 떨어지게 할지를 지정할 수 있다.
position: absolute
position 속성이 absolute일 때 해당 요소는 배치 기준을 자신이 아닌 상위 요소에서 찾는다. DOM 트리를 따라 올라가다가 position 속성이 static이 아닌 첫 번째 상위 요소가 해당 요소의 배치 기준으로 설정되며 만약 해당 요소 상위에 position 속성이 static이 아닌 요소가 없다면, DOM 트리에 최상위에 있는 body 요소가 배치 기준이 되는 셈이라고 할 수 있다.
position: fixed
position 속성을 fixed로 지정하면 배치 기준이 자신이나 부모 요소가 아닌 뷰포(viewport), 즉 브라우저 전체화면이 된다. 이때, top, left, bottom, right 속성으로 각각 브라우저 상단, 좌측, 하단, 우측으로 부터 해당 요소가 얼마나 떨어져있는지를 결정하게 된다.
position: sticky
position 속성의 sticky 값은 CSS에서 비교적 최근에 추가된 속성값으로 부모요소에 영향을 받는 속성이라고 할 수 있다. 먼저, 부모 요소의 높이를 지정하고 스크롤링이 가능해지도록 height나 overflow와 같은 속성을 조정해준다. 그런다음 position 속성을 sticky로 변경하고, top 속성을 지정해준다면 지정된 부모요소의 높이 내에서는 부모에 착 붙어 고정된 top위치에 존재하게 된다.
