HTTP 메서드 활용

2023. 9. 20. 10:17·Computer Science/Network

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

1. 쿼리 파라미터를 통한 데이터

- GET

- 주로 정렬 필터(검색어)

 

2. 메시지 바디를 통한 데이터 전송

- POST, PUT, PATCH

- 회원 가입, 상품 주문, 리소스 등록, 리소스 변경

 

 

4가지 상황

1.정적 데이터 조회

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

 

2. 동적 데이터 조회 → 쿼리 파라미터 사용

* 주로 검색, 게시판 목록에서 정렬 필터(검색어) → 조회는 GET 사용, GET은 쿼리 파라미터를 사용해서 데이터를 전달

 

3. HTML Form을 통한 데이터 전송

- 회원 가입, 상품 주문, 데이터 변경

- HTML Form submit 시 POST전송 : 회원가입, 상품주문, 데이터변경

- Content-Type : application/x-www-form-urlencoded 사용

- form의 내용을 메시지 바디를 통해서 전송(key = value, 쿼리 파라미터 형식)

    - 전송 데이터를 url encoding 처리

    ex) abc김 → abc%EA%B9%80

 

- HTML Form은 GET 전송도 가능

 

- Content-Type : multipart/form-data

- 파일 업로드 같은 바이너리 데이터 전송시 사용

- 다른 종류의 여러 파일과 폼의 내용 함께 전송 가능(그래서 이름이 multipart)

참고 : HTML Form 전송은 GET, POST만 지원

 

4. HTTP API를 통한 데이터 전송

- 회원 가입, 상품 주문, 데이터 변경

- 서버 to 서버, 앱 클라이언트

- 웹 클라이언트(Ajax)

- HTML에서 Form 전송 대신 자바 스크립트를 통한 통신에 사용(AJAX)

    ex) React, VueJs 같은 웹 클라이언트와 API 통신

- Content-Type : application/json을 주로 사용(사실상 표준)

    TEXT, XML, JSON 등

 

 

 

'Computer Science/Network' 카테고리의 다른 글
  • TCP 3, 4 way handshake
  • TCP와 UDP 차이
  • 브라우저에 www.google.com을 일어나는 일
  • [Network] foward & reverse proxy server
kimdozzi
kimdozzi
끝까지 포기하지 않으면, 내가 다 이겨!
  • kimdozzi
    도브로
    kimdozzi
  • 전체
    오늘
    어제
    • 분류 전체보기 (132)
      • Problem Solving (49)
        • Baekjoon (29)
        • Programmers (0)
        • LeetCode (17)
        • 삼성 유형 (2)
      • Computer Science (27)
        • Operating System (2)
        • Algorithms (13)
        • Network (6)
        • DataBase (6)
      • Backend (33)
        • JavaScript (0)
        • TypeScript (6)
        • Java (7)
        • Spring Boot (7)
        • Spring Security (6)
        • JPA (2)
        • Mybatis (1)
        • Junit5 (1)
        • Redis (3)
      • DevOps (14)
        • Git, Github (5)
        • docker (4)
        • AWS (3)
        • nginx (2)
      • etc (6)
        • IntelliJ (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 티스토리
    • 설정
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    segment tree
    누적합
    온라인 쿼리
    알고리즘
    CORS
    AWS
    TypeScript
    Bucket
    python
    S3
    타입스크립트
    티스토리챌린지
    컨테이너
    구간 업데이트
    백준
    오블완
    인터페이스
    구간합
    오프라인 쿼리
    인덱서블 타입
    PrefixSum
    삼성기출
    점 업데이트
    도커
    imos법
    파이썬
    세그먼트 트리
    인덱스 시그니처
    docker image
    interface
    docker
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
kimdozzi
HTTP 메서드 활용
상단으로

티스토리툴바