모든 개발자를 위한 HTTP 웹 기본지식 - 챕터 5

이 글은 강의 : 김영한님의 - "[모든 개발자를 위한 HTTP 웹 기본지식]"을 듣고 정리한 내용입니다. 😁😁

---

HTTP 메서드 활용

클라이언트에서 서버로 데이터 전달 방식

데이터 전달 방식은 크게 2가지
🧨 쿼리 파라미터를 통한 데이터 전송

• GET에서 많이 사용하고 정렬필터나 검색기능에서 많이 사용한다.

🧨 메세지 바디를 통한 데이터 전송

• POST, PUT, PATCH 등
• 회원가입, 상품주문, 리소스 등록, 리소스 변경하는데 사용한다.

클라이언트에서 서버로 데이터 전송 4가지 상황

정정 데이터 조회

• 이미지, 정적 텍스트 문서
• 조회는 GET사용
• 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능하다.

동적 데이터 조회

• 주로 검색, 게시판 목록에서 정렬 필터(검색어)
• 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용
• 조회는 GET 사용
• GET은 쿼리 파라미터 사용해서 데이터를 전달한다.

HTML Form 데이터 전송

🎈 HTML Form submit시 POST 전송

• 예) 회원 가입, 상품 주문, 데이터 변경
  🎈 Content-Type:application/x-www-form-urlencoded 사용
• form의 내용을 메세지 바디를 통해서 전송(key=value, 쿼리 파라미터 형식)
• 전송 데이터를 url encoding 처리
  예) abc김-> abc%EA5B9%80

🎈 HTML Form은 GET전송도 가능
🎈 Content-Type:multipart/form-data

• 파일 업로드 같은 바이너리 데이터 전송시 사용
• 다른 종류의 여러 파일과 폼의 내용 함께 전송 가능(그래서 이름이 multipart)

참고로 HTML Form 전송은 GET, POST만 지원한다.

HTTP API 데이터 전송

🧨 서버 to 서버

• 백엔드 시스템 통신
  🧨 앱 클라이언트
• 아이폰, 안드로이드
  🧨 웹 클라이언트
• HTML에서 Form 전송 대신 자바 스크립트를 통한 통신에 사용(AJAX)
• 예) React, VueJS같은 웹 클라이언트와 API통신
  🧨 POST, PUT, PATCH : 메세지 바디를 통한 데이터 전송
  🧨 GET : 조회, 쿼리 파라미터로 데이터 전달
  🧨 Context-Type : application/json을 주로 사용(사실살 표준이다.)

HTTP API 설계 개념

🎃 컬렉션

• POST 기반 등록으로 리소스 등록의 주체를 서버에서 담당한다.
• 회원관리 API같은 예시가 대표적이다.
• 회원 등록시 회원의 식별 코드는 서버측에서 생성 및 관리한다.

🎃 스토어

• PUT 기반으로 클라이언트가 자원의 URI를 알고 관리의 주체가 된다.
• 파일 등록 시스템 API같은 경우가 대표적.
• 파일 등록시 파일 이름은 클라이언트가 알고 있다.

대부분 POST 기반의 컬렉션 사용해

🎃 문서

• 단일 개념으로 파일하나, 객체 인스턴스, 데이터베이스의 ROW등.

🎃 컨트롤러, 컨트롤 URI

• 문서, 컬렉션, 스토어 등으로 해결하기 어려운 추가 프로세스 실행에 사용된다.
• 동사를 사용하며 리소스의 행위를 사용한다.
• HTML FORM 기반 설계의 경우 GET, POST만 사용할 수 있기에 PUT, PATCH, DELETE와 같은 행위에 대해서는 컨트롤 URI로 설계한다.

ex) 회원 수정 -> /members/{id}/edit
회원 삭제 -> /members/{id}/delete