반응형
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 |
Tags
- 로또 몰카
- react mociking
- Google Image Crawler Chrome Extension
- 프론트 개발자
- 리액트네이티브
- three.js
- Google Image Crawler
- React
- chrome extension typescript boiler plate
- 2024년회고
- extension
- cloudfront
- 로또 몰래카메라
- 디지몬상테스트
- 구글 이미지 다운
- 사이드 프로젝트
- react-three-fiber
- Chrome Extension
- 개발자
- 프로젝트
- 프론트엔드
- 리액트
- 나락퀴즈
- 어플
- 토이프로젝트
- 네이버 로또
- 똥피하기
- 2024년 개발자회고
- ReactNative
- react-mocking
Archives
- Today
- Total
개발 블로그
URL과 리소스 본문
리소스
웹 리소스란 웹에 콘텐츠를 제공하는 모든 것: .html, .word, .jpeg, .avi, 등등 모든 종류의 파일을 포함한다.
이 때 리소스는 동적 파일일 수 있다. ( 요청에 따라 다른 콘텐츠를 제공)
미디어타입
HTTP는 웹에서 전송되는 객체에 MIME(Multipurpose Internet Mail Extensions, 다목적 인터넷 메일 확장) 이라는 데이터 포맷 타입을 붙인다.
원래 이 MIME이라는 타입이 메일 시스템에서 메시지가 오갈 때 겪는 문제점을 해결하기 위해 사용했는데, 워낙 잘 작동되어 HTTP에서도 사용
MIME 타입은 주 타입과 부 타입으로 이루어진 문자열 라벨이다. ( /로 구분)
// HTML
text/html
// plain ASCII
text/plain
// JPEG
image/jpeg
// GIF
image/gif
// JSON
application/json
- 웹브라우저는 서버로부터 객체를 돌려받을 때, 다룰 수 있는 객체인지 MIME 타입을 통해 확인한다.
- 대부분의 웹브라우저는 객체 타입 수백 가지를 다룰 수 있다.
URL (Uniform Resource Locator)
- 인터넷의 리소스를 가리키는 표준이름이다.
- URL은 전자정보 일부를 가리키고 그것이 어디에 있고 어떻게 접근할 수 있는지 알려준다.
- URL은 통합 자원 식별자(Uniform Resource Identifier) 혹은 URI라고 불리는 더 일반화된 부류의 부분집합이다.
※ URI (Uniform Resource Identifier) : 통합 자원 식별자로 인터넷의 우편물 주소 같은 것으로, 정보 리소스를 고유하게 식별하고 위치를 지정할 수 있다. URL과 URN으로 구성된 종합적인 개념이다.
1. URL(Uniform Resource Locator): 리소스가 어디에 있는지로 리소스를 식별한다.
2. URN(Uniform Resource Names: 현재 그 리소스가 어디에 존재하든 상관없이 그 이름만으로 리소스를 식별한다.
URL 문법
- 대부분의 URL 의 문법은 일반적으로 9개 부분(컴포넌트)으로 나뉜다.
<스킴>://<사용자이름>:<비밀번호>@<호스트>:<포트>/<경로>;<파라미터>?<질의>#<프래그먼트>
https://sellha.kr:443/keyword
컴포넌트 | 설명 | 기본값 |
스킴 | 리소스를 가져오려면 어떤 프로토콜을 사용하여 서버에 접근해야 하는지 가리킨다. https://sellha.kr:443/keyword |
없음 |
사용자 이름 | 몇몇 스킴은 리소스에 접근을 하기 위해 사용자 이름을 필요로 한다. (ftp 에서 주로 사용한다) | anonymous |
비밀번호 | 사용자의 비밀번호를 가리키며, 사용자 이름에 콜론(:)으로 이어서 기술한다. ftp://anonymous:my_passwd@ftp.prep.ai.mit.edu/pub/gnu |
브라우저마다 다름 (인터넷 익스플로러는 'IEUser' , 크롬은 'chrome@example.com'을 넣는다.) |
호스트 | 리소스를 호스팅하는 서버의 호스트명이나 IP주소. https://sellha.kr:443/keyword |
없음 |
포트 | 리소스를 호스팅하는 서버가 열어놓은 포트번호. 많은 스킴이 기본 포트를 가지고 있다(HTTP의 기본 포트는 80이다. HTTPS는 443) https://sellha.kr:443/keyword |
스킴에 따라 다름 |
경로 | 이전 컴포넌트와 빗금(/)으로 구분되어 있으며, 서버 내 리소스가 서버 어디에 있는지를 가리킨다. 경로 컴포넌트의 문법은 서버와 스킴에 따라 다르다. URL의 경로를 세그먼트로 나눌수 있고, 각 세그먼트는 자체 컴포넌트를 가질 수 있다. https://sellha.kr/keyword https://n.news.naver.com/article/655/0000003969?cds=news_media_pc&type=editn |
없음 |
파라미터 (Matrix Parameter) |
URL을 사용하는 애플리케이션이 리소스에 접근하려면 프로토콜 파라미터가 필요하다. 애플리케이션이 서버에 정확한 요청을 하기 위해 필요한 입력 파라미터를 받는데 사용한다. 파라미터는 이름/값을 쌍으로 가진다. 파라미터는, 다른 파라미터나 경로의 일부와 세미콜론(;)으로 구분하여 기술하며, 여러개를 가질 수 있다. https://comic.naver.com/webtoon/detail?titleId=748105&no=194&weekday=thu |
없음 |
질의 문자열 | 스킴에서 어플리케이션(데이터베이스, 게시판, 검색엔진, 기타 인터넷 게이트웨이)에 파라미터를 전달하는데 쓰인다. 질의 컴포넌트를 작성하는데 쓰이는 공통 포맷은 없다. 이는 URL의 끝에 "?"로 구분한다. https://sellha.kr/keyword?keyword=%EC%88%98%EC%9C%A0%EB%93%B1&tab=1 |
없음 |
프래그먼트 | 리소스의 조각이나 일부분을 가리키는 이름이다. URL이 특정 객체를 가리킬 경우에 프래그먼트 필드는 서버에 전달되지 않는다. 이는 클라이언트에서만 사용한다. URL의 끝에서 "#"문자로 구분한다. https://developers.kakao.com/docs/latest/ko/getting-started/sdk-js#supported-browser |
없음 |
※ 파라미터 (Matrix Parameter) 와 질의 문자열(Query String) 의 차이점
- 쿼리 파라미터가있는 URL은 현재 중개자/프록시에 의한 응답이 캐시되지 않습니다.
- 매트릭스 파라미터는 path의 어느 곳이든 표현될 수 있다.
http://example.com/res/categories;name=foo/objects;name=green/?page=1
- 상대 URI를 계산하는 것이 다르다.
- 매트릭스 파라미터는 자원이 아니며, 정보 공간에서 계층 구조 내에서 표현하기 어려운 자원을 참조하는 데 도움이되는 측면입니다.
반응형
'웹' 카테고리의 다른 글
동기, 비동기, 블로킹, 논블로킹 가장 명확하고 쉽게 정리해보자 (2) | 2023.11.28 |
---|---|
git 프로젝트 세팅 방법 및 실무에서 사용하는 명령어 정리, vscode 확장프로그램 추천 (2) | 2023.11.26 |
로그인 - 세션 vs JWT (2) | 2023.02.21 |
HTTP 메시지 ( 미완) (0) | 2022.08.25 |
OSI 7계층, TCP/IP 계층, TCP/IP Updated 계층 (0) | 2022.08.06 |
Comments