7/24(월) 데일리 과제

◾️ HTTP에 대해 설명하고, 알고있다면 HTTP 메세지 구조에 대해 자세히 설명해주세요.

HTTP(Hyper Text Transfer Protocol)는 인터넷상에서 데이터를 주고 받을 때 사용하는 규칙입니다. 처음에는 월드와이드웹 상의 하이퍼텍스트 형태의 문서를 전달하는데 이용되었고 현재에는 이미지, 비디오 음성 등 거의 모든 형식의 데이터 전송이 가능합니다.

 

서버에서 요청을 보낼 때, 서버에서 응답을 보낼 때 정보를 담아 메세지를 보내는데 이를 HTTP메세지라고 합니다.

HTTP메세지 구조는 시작줄, 헤더, 본문으로 구성됩니다.

시작줄은 HTTP 메서드와 요청 주소, HTTP버전으로 구성되어있고,

두번째 줄부터는 헤더의 정보를 담고 있습니다.

헤더 다음 한 줄 띄고 본문 내용이 들어가며, 본문은 요청 시 보내는 데이터를 작성합니다.

 

**HTTP METHOD 중 GET과 DELETE는 body를 사용하지 않는다.

 

📌 HTTP응답 코드

1xx (조건부 응답) : 요청을 받았으며 작업을 계속함.

2xx (성공) : 클라이언트가 요청한 동작을 수신하여 이해했고, 승낙했으며 성공적으로 처리함. 

3xx (리다이렉션 완료) : 클라이언트는 요청을 마치기 위해 추가 동작을 해야함,

4xx (요청 오류) : 클라이언트에 오류가 있음을 나타냄.

5xx (서버 오류) : 서버가 유효한 요청을 수행하지 못 함.

 

◾️ Position을 어떻게 사용하는지 알려주세요.

position은 HTML문서 상에서 요소(element)가 배치되는 방식을 결정합니다. position속성의 배치 방식에는 static, sticky, relative,absolute,fixed 가 있습니다.

 

static은 기본값으로 position속성을 따로 지정해주지 않은 요소는 모두 static속성을 갖습니다. static 속성은 요소들이 HTML에 작성된 순서대로 배치됩니다.

 

sticky 속성은 말 그대로 달라붙다라는 의미입니다. 스크롤을 할 때 그 속성이 잘 드러납니다. position sticky속성에 top 속성을 10px로 설정해주면 스크롤 시 부모요소의 10px 위치에 붙어서 고정됩니다.

 

relative 속성은 요소를 원래 위치에서 벗어나게 배치할 수 있게 됩니다. 원래 위치를 기준으로 상대적(relative)으로 배치해준다고 생각할 수 있습니다.

 

absolute 속성은 상위 요소를 기준으로 절대적인 위치로 배치해줍니다. position이 static이 아닌 요소를 기준으로 하기 때문에 HTML DOM트리를 거슬러 올라가면서 기준 요소를 찾는데 static이 아닌 요소가 없다면 최상위의 body요소가 배치 기준이 됩니다.

 

fixed 속성은 배치 기준을 viewport 기준으로 하기 때문에 top,left,right, bottom 속성은 각각 브라우저 상단,좌측,우측,하단을 기분으로 해당요소가 얼마나 떨어져있는지를 결정합니다. 그렇기 때문에 스크롤을 하더라도 항상 같은 위치에 요소가 고정되어 있습니다.