👨‍💻
프론트엔드 기술 블로그
  • 프론트엔드 기술 저장소
  • React
    • React Hook
      • useRef
      • useReducer
      • useCallback
      • useMemo
      • useState
      • useEffect
      • useContext
      • Custom Hook
  • Javascript
    • 자바스크립트 기본
      • 데이터타입
      • 배열메소드
      • 타입 및 객체 체크
      • this
        • bind, call, apply
      • 프로토타입
      • 클로저
      • 스코프
      • 함수
      • 호이스팅
    • ECMAScript 6
      • let, const
      • 화살표 함수
      • 구조분해할당
      • Promise
      • 템플릿 문자열 표현식
      • 이터레이션
      • 클래스 (Class)
      • 심볼 (Symbol)
      • 제너레이터
  • 객체지향설계
    • 객체 지향 설계 원칙
      • 단일 책임 원칙
      • 개방 폐쇄 원칙
      • 리스코프 치환 원칙
      • 인터페이스 분리 원칙
      • 의존 역전 원칙
  • 브라우저와 자바스크립트
    • Document Object Model
      • DOM API
      • 이벤트 (Event)
  • Node.js
    • 번들러
      • webpack 설정
    • node.js 버전 관리
  • HTTP
    • HTTP 기본
      • 1. 웹과 네트워크 기본
        • 1.1 웹은 HTTP로 나타낸다.
        • 1.2 HTTP 탄생과 성장
        • 1.3 네트워크 기본 TCP/IP
        • 1.4 HTTP와 관계가 깊은 프로토콜 IP/TCP/DNS
        • 1.5 이름 해결 담당 DNS
        • 1.6 각각과 HTTP와의 관계
        • 1.7 URI와 URL
      • 2. 프로토콜 HTTP
        • 2.1 HTTP는 클라이언트와 서버간에 통신을 한다.
        • 2.2 리퀘스트와 리스폰스를 교환하여 성립
        • 2.3 상태를 유지하지 않는 프로토콜 HTTP
        • 2.4 리퀘스트 URI로 리소스 식별
        • 2.5 HTTP 메소드
        • 2.6 메소드 사용
        • 2.7 지속연결로 접속량 절약
        • 2.8 쿠키를 사용한 상태관리
      • 3. HTTP 정보는 HTTP 메시지에 있다.
        • 3.1 HTTP 메시지
        • 3.2 리퀘스트 메시지와 리스폰스 메시지 구조
        • 3.3 인코딩으로 전송 효율을 높이다.
        • 3.4 여러 데이터를 보내는 멀티파트
        • 3.5 일부분만 받는 레인지 리퀘스트
        • 3.6 최적의 콘텐츠를 돌려주는 콘텐츠 네고시에이션
      • 4. 결과를 전달하는 HTTP 상태코드
        • 4.1 상태코드는 서버로부터 리퀘스트 결과를 전달한다.
        • 4.2 2xx 성공
        • 4.3. 3xx 리다이렉트
        • 4.4 4xx 클라이언트 에러
        • 4.5 5xx 서버 에러
      • 5. HTTP와 연계하는 웹 서버
        • 5.1 1대로 멀티 도메인을 가능하게 하는 가상 호스트
        • 5.2 통신을 중계하는 프로그램 : 프록시, 게이트웨이, 터널
      • 7. 웹을 안전하게 HTTPS
        • 7.1 HTTP의 약점
        • 7.2 HTTP+암호화+인증+완전성보호 = HTTPS
  • IDE
    • Webstorm
      • 웹스톰 단축키
      • 웹스톰 소스코드 특정폴더 검색 제외
  • GIT
    • Git 기초 명령어
Powered by GitBook
On this page
  • 1.7.1 URI - 리소스 식별자
  • 1.7.2 URL 포맷

Was this helpful?

  1. HTTP
  2. HTTP 기본
  3. 1. 웹과 네트워크 기본

1.7 URI와 URL

Previous1.6 각각과 HTTP와의 관계Next2. 프로토콜 HTTP

Last updated 2 years ago

Was this helpful?

1.7.1 URI - 리소스 식별자

Uniform Resource Identifiers

  • Uniform

통일된 서식을 결정하는 것으로, 여러 가지 종류의 리소스 지정 방법을 같은 맥락에서 구별없이 취급할 수 있게한다. 새로운스키마(http:, ftp등) 도입을 용이하게 한다.

  • Resource

'식별 가능한 모든것' 도큐먼트 파일뿐만 아니라 이미지와 서비스 등 다른것과 구별할 수 있는 것은 모두 리소스 이다. 단일한 부분만 아니라 복수의 집합도 리소스로 파악할 수 있다.

  • Identifier

식별 가능한 것을 참조하는 오브젝트이며 식별자로 불린다. 결국 URI는 스키마를 나타내는 리소스를 식별하기 위한 식별자이다. 스키마는 리소스를 얻기 위한 수단에 이름을 붙이는 방법이다.

HTTP는 'http' , 'ftp', 'mailto', 'telnet'', 'file' 등이 있다. 공식 URI 스키마는 인터넷 상의 자원 관리 등을 하는 비영리 법인 ICANN 산하 조직인 IANA에 등록되어 있으면 30개 정도 있다.

URI는 리소스를 식별하기 위해 문자열 전반을 나타내는데 비해 URL은 리소스의 장소(네트워크 상의 위치)를 나타낸다. URL을 URI의 서브셋이다.

1.7.2 URL 포맷

절대 URL, 상대URL이 있다.

절대URL 포

http:// - 스키마 user:pass - 자격정보(크리덴셜) www.example.jp - 서버주소 80 - 포트 dir/index.htm - 계층적 파일패스 uid - 쿼리문자열 ch1 - 프래그먼트 식별자

http:, https: 같은 스키마를 사용하여 리소스를 얻기위해 사용하는 프로토콜을 지시한다. 대소문자 무시. 마지막에 콜론 : 이 붙는다. data: , javascript: 같이 데이터와 프로그램을 지정할 수도 있다.

  • 자격정보

서버로부터 리소스를 취득하려면 자격정보가 필요하다. 유저명과 패스워드를 지정할 수 있다. 옵션.

  • 서버 주소

완전 수식 형식인 URI에서 서버 주소를 지정할 필요가 있다. 주소는 DNS 이름이나, IPv4 주소같이 지정한다.

  • 서버 포트

서버의 접속 대상이 되는 네트워크 포트 번호를 지정. 옵션. 생략하면 기본값.

  • 계층적 파일 패스

특정 리소스를 식별하기 위해서 서버 상의 파일 패스를 지정한다. UNIX 디렉토리와 비슷.

  • 쿼리 문자열

파일패스로 지정된 리소스에 임의의 파라미터를 넘겨주기 위해 쿼리 문자열 사용. 옵션.

  • 프래그먼트 식별자

취득한 리소스에서 서브 리소스를 가리키기 위해서 사용한다. 옵션

http://user.pass@www.example.jp:80/dir/index.html?uid=1#ch1www.example.jp