Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 프로토콜
- 콘텐츠 영역
- 경계선
- IP
- HTTP 메시지 바디
- URL
- 안쪽 여백
- CSS
- 팀프로젝트
- 응답 헤더
- 6주포트폴리오
- 선택자
- 카우치코딩
- 클라이언트와 서버 구조
- 요청 헤더
- 바깥쪽 여백
- border
- connectionless
- 클라이언트
- 무상태
- HTML
- margin
- Content
- 협업프로젝트
- padding
- 박스모델
- 서버
- HTTP 메시지
- HTTP
- couchcoding
Archives
- Today
- Total
정리하고 기록하며 성장하는
URI 구조 본문
URI
리소스를 식별하는 통합적인 방법
즉 , 자원자체를 식별하는 방법을 의미한다
URL
리소스가 있는 위치를 지정
URN
리소스에 이름을 부여
URL 분석
https://www.google.com/search?q=hello&hl=ko
url 전체 문법
scheme://[userinfo@]host[:port][/path][?query][#fragment]
<스키마>://<사용자이름>:<비밀번호>@<호스트>:<포트>/<경로>?<질의>#<프래그먼트>
schema : 주로 프로토콜이 사용된다
프로토콜 : 클라이언트와 서버간 약속 규칙
어떤 방식으로 자원에 접근할 것인가
http : 80 포트를 기본으로 쓴다
https : 443 포트를 주로 사용한다
http 나 https를 쓰면 포트는 생략이 가능하다
지금은 대부분의 웹사이트 들이 https 프로토콜을 사용한다
호스트명 : 도메인명이나 IP 주소
포트번호 : 포트는 생략 가능하다
http는 80
https는 443 포트를 사용한다
패스
리소스가 있는 경로로 계층적 구조로 되어 있다
예)
/home/file1.jpg
/members
/members/100
/items/iphone12
쿼리 파라미터
key=value 형태로 데이터가 들어간다
? 로 시작한다
& 로 계속 파라미터를 붙일 수 있다
keyA=value&keyB=valueB
위와 같이 계속 파라미터를 붙일 수 있다
query parameter 또는 query string 등으로 불린다
웹서버에서 제공하는 파라미터 정보이디 떄문에 전부 문자 형태로 넘어간다
숫자를 보내도 문자 형태로 넘어간다
프래그먼트
HTML에는 각각의 요소에 id 속성을 부여할 수 있다
URL에 프래그먼트를 전달하면 페이지가 해당 id가 있는 곳으로 스크롤리 이동하게 된다
'HTTP > URI와 웹 브라우저 요청흐름' 카테고리의 다른 글
웹 브라우저 요청 흐름 (0) | 2021.12.20 |
---|