Web Basics

웹 구조 핵심 요소

브라우저가 주소를 요청하고 서버가 응답한 뒤 HTML과 CSS가 화면 구조와 디자인을 나눠 맡습니다.

URL 주소가 자원을 가리킨다 프로토콜, 도메인, 경로가 서버와 파일 위치를 좁힙니다.
Request 브라우저가 요청한다 GET/POST, 헤더, 본문으로 원하는 동작을 서버에 전합니다.
Response 서버가 상태와 내용을 보낸다 200, 404 같은 상태 코드와 문서 본문이 함께 돌아옵니다.
HTML 문서 구조를 세운다 제목, 문단, 링크, 폼이 화면의 의미 뼈대를 만듭니다.
CSS 표현과 박스를 계산한다 여백과 테두리, 배치가 실제 차지 공간을 결정합니다.
주소 단서

URL은 자원의 위치를 찾는 표식입니다

프로토콜, 도메인, 경로가 어느 서버 자원을 가리키는지 나눠 봅니다.

요청 방식

HTTP 요청은 목적에 따라 메서드가 달라집니다

GET은 조회, POST는 전송처럼 요청 의도를 먼저 구분합니다.

문서 구조

HTML 태그는 내용의 의미를 세웁니다

제목, 문단, 링크가 화면 모양보다 문서 구조를 설명한다는 점을 잡습니다.

공간 계산

CSS 박스 모델은 요소의 차지 영역을 계산합니다

content부터 margin까지 어떤 여백이 실제 크기에 포함되는지 확인합니다.

요청과 화면

HTTP와 HTML, CSS는 역할이 다릅니다

HTTP는 주고받는 규칙이고 HTML은 문서 구조, CSS는 표시 방식과 여백을 담당합니다.

웹 기초 항목

메서드 목적요청이 조회인지 제출인지 구분하면 GET/POST 선택지가 좁아집니다.
태그 역할문서의 의미 구조를 만드는 태그와 꾸미는 CSS 설명을 분리합니다.
박스 영역padding, border, margin이 어느 공간을 늘리는지 순서대로 표시합니다.