HTTP - "모든 개발자를 위한 HTTP 웹 기본 지식" 정리노트 - 3

송준섭 Junseop Song·2023년 6월 30일
0

네트워크

목록 보기
3/6
post-thumbnail

⛳️ 목적

이 글은 김영한님의 인프런 강의 '모든 개발자를 위한 HTTP 웹 기본 지식' 강의를 듣고 배운 것을 두고두고 보기 위해 정리하는 글이다.


🗓️ 2023.06.28 작성 ▽

⑤ HTTP 메서드 활용

📌 클라이언트에서 서버로 데이터 전송

❗️ 데이터 전달 방식
크게 2가지로 나뉨

  1. 쿼리 파라미터를 통한 데이터 전송
  • GET
  • 주로 정렬 필터(검색어)
  1. 메시지 바디를 통한 데이터 전송
  • POST, PUT, PATCH
  • 회원 가입, 상품 주문, 리소스 등록, 리소스 변경

❗️ 4가지 상황

  • 정적 데이터 조회
    • 이미지, 정적 텍스트 문서
    • 조회는 GET 사용
    • 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능
  • 동적 데이터 조회
    • 주로 검색, 게시판 목록에서 정렬 필터(검색어)
    • 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용
    • 조회는 GET 사용
    • GET은 쿼리 파라미터 사용해서 데이터를 전달
  • HTML Form을 통한 데이터 전송
    • 정리
  • HTTP API를 통한 데이터 전송
    • 정리

📌 HTTP API 설계 예시

❗️ HTTP API - 컬렉션

  • POST 기반 등록

예시) 회원 관리 시스템

  • 회원 목록 조회
    /members -> GET
  • 회원 조회
    /members/{id} -> GET
  • 회원 등록
    /members/{id} -> POST
  • 회원 수정
    /members/{id} -> PATCH, PUT, POST
  • 회원 삭제
    /members/{id} -> DELETE
  • POST 기반 등록 특징
    • 클라이언트는 등록될 리소스의 URI를 모름
    • 서버가 새로 등록된 리소스 URI를 생성
      • ex) /members/100
    • 컬렉션(Collection)
      • 서버가 관리하는 리소스 디렉토리
      • 서버가 리소스의 URI를 생성하고 관리
      • 여기서 컬렉션은 /members

❗️ HTTP API - 스토어

  • PUT 기반 등록

예시) 파일 관리 시스템

  • 파일 목록
    /files -> GET
  • 파일 조회
    /files/{filename} -> GET
  • 파일 등록
    /files/{filename} -> PUT
  • 파일 삭제
    /files/{filename} -> DELETE
  • 파일 대량 등록
    /files -> POST
  • PUT 기반 등록 특징
    • 클라이언트가 리소스 URI를 알고 있어야 함
      • 파일 등록: /files/{filename}
      • ex) PUT /files/star.jpg
    • 클라이언트가 직접 리소스의 URI를 지정
    • 스토어(Store)
      • 클라이언트가 관리하는 리소스 저장소
      • 클라이언트가 리소스의 URI를 알고 관리
      • 여기서 스토어는 /files

❗️ HTML FORM 사용
HTML FORM은 GET, POST만 지원

  • 회원 목록
    /members -> GET
  • 회원 등록 폼
    /members/new -> GET
  • 회원 등록
    /members/new, /members -> POST
  • 회원 조회
    /members/{id} -> GET
  • 회원 수정 폼
    /members/{id}/edit -> GET
  • 회원 수정
    /members/{id}/edit, /members/{id} -> POST
  • 회원 삭제
    /members/{id}/delete -> POST
  • HTML FORM 사용 특징
    • GET, POST만 지원
    • 컨트롤 URI
      • GET, POST만 지원하므로 제약이 있음
      • 이런 제약을 해결하기 위해 동사로 된 리소스 경로 사용
      • POST의 /new, /edit, /delete가 컨트롤 URI
      • HTTP 메서드로 해결하기 애매한 경우 사용(HTTP API 포함)

🗓️ 2023.06.29 작성 ▽

⑥ HTTP 상태코드

📌 HTTP 상태코드

❗️ 상태코드
클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능

  • 1xx (Informational)
    요청이 수신되어 처리중
  • 2xx (Successful)
    요청 정상 처리
  • 3xx (Redirection)
    요청을 완료하려면 추가 행동이 필요
  • 4xx (Client Error)
    클라이언트 오류(잘못된 문법 등으로 서버가 요청을 수행할 수 없음)
  • 5xx (Server Error)
    서버 오류(서버가 정상 요청을 처리하지 못함)

❗️ 1xx (Informational)
요청이 수신되어 처리중
거의 사용하지 않음

❗️ 2xx (Successful)
클라이언트의 요청을 성공적으로 처리

  • 200 OK
    요청 성공

  • 201 Created
    요청 성공해서 새로운 리소스가 생성됨

  • 202 Accepted
    요청이 접수되었으나 처리가 완료되지 않았음
    배치 처리 같은 곳에서 사용(나중에 처리)
    ex) 요청 접수 후 1시간 뒤에 배치 프로세스가 요청을 처리함

  • 204 No Content
    서버가 요청을 성공적으로 수행했지만, 응답 페이로드 본문에 보낼 데이터가 없음
    ex) 웹 문서 편집기에서 save 버튼
    -> save 버튼의 결과로 아무 내용이 없어도 됨
    -> save 버튼을 눌러도 같은 화면을 유지
    -> 결과 내용이 없어도 204 메시지(2xx)만으로 성공을 인식

❗️ 3xx (Redirection)
요청을 완료하기 위해 유저 에이전트의 추가 조치 필요

  • 리다이렉션
    웹 브라우저는 3xx 응답의 결과에 Location 헤더가 있으면, Location 위치로 자동 이동(리다이렉트)

  • 리다이렉션 종류

    • 영구 리다이렉션
      특정 리소스의 URI가 영구적으로 이동
      ex) /members -> /users

    • 일시 리다이렉션
      일시적인 변경
      ex) 주문 완료 후 주문 내역 화면으로 이동
      PRG: Post/Redirection/Get

    • 특수 리다이렉션
      결과 대신 캐시를 사용

  • 영구 리다이렉션
    301, 308이 포함
    리소스의 URI가 영구적으로 이동
    원래의 URL을 사용하지 않음
    검색 엔진 등에서도 변경이 인지됨

    • 301 Moved Permanently
      리다이렉트 요청 메서드가 GET으로 변하고, 본문이 제거될 수 있음
    • 308 Permanent Redirect
      301과 기능은 같음
      리다이렉트 요청 메서드와 본문이 유지됨
  • 일시 리다이렉션
    302, 307, 303이 포함
    리소스의 URI가 일시적으로 변경
    검색 엔진 등에서 URL은 변경되지 않음

    • 302 Found
      리다이렉트 요청 메서드가 GET으로 변하고, 본문이 제거될 수 있음
    • 307 Temporary Redirect
      302와 기능은 같음
      리다이렉트 요청 메서드와 본문이 유지됨
    • 303 See Other
      302와 기능은 같음
      리다이렉트 요청 메서드가 GET으로 변경
  • PRG
    일시적인 리다이렉션 예시
    POST로 주문 후에 그 주문 창에서 웹브라우저를 새로고침 한다면? -> 중복 주문 가능성

    • PRG 사용 전

    • PRG 사용 후

      POST로 주문 후 새로 고침으로 인한 중복 주문 방지
      주문 후 결과 화면을 GET 메서드로 리다이렉트
      새로고침을 해도 결과 화면만을 GET으로 조회 (중복 주문 X)

  • 302 vs 307 vs 303
    307, 303을 권장하지만 현실적으로 이미 많은 애플리케이션 라이브러리들이 302를 기본값으로 사용함
    자동 리다이렉션시에 GET으로 변해도 문제 없다면 그냥 302를 사용해도 됨

  • 기타 리다이렉션
    300, 304

    • 300 Multiple Choices
      잘 쓰지 않음
    • 304 Not Modified
      캐시 목적으로 사용
      클라이언트에게 리소스가 수정되지 않았음을 알려줌 -> 로컬 PC에 저장된 캐시를 재사용(캐시로 리다이렉트)
      응답 메시지에 메시지 바디를 포함하지 않음
      조건부 GET, HEAD 요청시 사용됨

❗️ 4xx (Client Error)
클라이언트의 요청에 잘못된 문법 등으로 서버가 요청을 수행할 수 없음
오류의 원인이 클라이언트에게 있음
이미 잘못된 요청, 데이터를 보내고 있기 때문에 똑같은 재시도를 해도 실패함

  • 400 Bad Request
    클라이언트가 잘못된 요청을 해서 서버가 요청을 처리할 수 없음
    요청 구문, 메시지 등등 오류
    클라이언트는 요청 내용을 다시 검토하고 보내야함
    ex) 요청 파라미터 잘못 입력, API 스펙 맞지 않음

  • 401 Unauthorized
    클라이언트가 해당 리소스에 대한 인증이 필요함
    인증(Authentication)되지 않음
    응답에 WWW-Authenticate 헤더와 함께 인증 방법을 설명

  • 403 Forbidden
    서버가 요청을 이해했지만 승인을 거부함
    주로 인증 자격은 있지만, 접근 권한이 불충분한 경우
    ex) 어드민 등급이 아닌 사용자가 로그인은 했지만, 어드민 등급의 리소스에 접근하려는 경우

  • 404 Not Found
    요청 리소스를 찾을 수 없음
    요청 리소스가 서버에 없거나 클라이언트가 권한이 부족한 리소스에 접근할 때 해당 리소스의 존재 자체를 숨기고 싶을 때

❗️ 5xx (Server Error)
서버 문제로 오류 발생
서버에 문제가 있기 때문에 클라이언트는 재시도를 하면 성공할 수 있음(서버의 복구 등의 이유로)

  • 500 Internal Server Error
    서버 문제로 오류 발생
    애매하면 500 오류를 띄워주면 됨

  • 503 Service Unavailable
    서비스 이용 불가
    서버가 일시적인 과부하 또는 예정된 작업으로 잠시 요청을 처리할 수 없음
    Retry-After 헤더 필드로 얼마뒤에 복구되는지 보낼 수도 있음

0개의 댓글

관련 채용 정보