HTTP 통신
통신은 communication
HTTP communication(웹통신) => 서버(웹서버)와 클라이언트(웹브라우저) 간의 데이터로 이루어지는 대화
웹 통신은 약속(=프로토콜 protocol)이다
서버와 클라이언트 사이에 대화하기 위해 약속해 놓은 대화 방식을 말한다!
상호간의 약속 HTTP protocol
결국, 웹에서는 브라우저와 서버가 데이터를 주고 받기 위해 HTTP protocol을 사용한다.
요청(Request), 응답(Response)
URL
url 의 구조를 분해해보면
- protocol
- domain(sub domain, domain name)
- resource path(path/page)
- query variable, path variable
HTTP protocol의 종류 => 메서드
HTTP 요청의 종류
GET - 조회
POST - 생성
PUT, PATCH - 수정(변경)
DELETE - 삭제
HTTP request methods - HTTP | MDN
HTTP defines a set of request methods to indicate the desired action to be performed for a given resource. Although they can also be nouns, these request methods are sometimes referred to as HTTP verbs. Each of them implements a different semantic, but som
developer.mozilla.org
상태코드
클라이언트가 서버에 어떤 request를 하고나면 서버는 그에 맞는 response를 제공한다. 각 응답은 아래와 같은 상태코드를 갖는다.
- 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행합니다.
- 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용하였습니다.
- 3xx(리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요합니다.
- 4xx(클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다.
- 5xx(서버 오류) : 서버가 명백히 유효한 요청에 대한 충족을 실패했습니다.
더쿠 - 고양이를 통해 보는 HTTP 응답 코드 모음
전형적인 서양 공돌이 감성이므로 익숙하지 않은 사람들은 어색하게 느껴질 수 있음. 출처는 이곳. https://http.cat/ 강아지 버전도 있으니 취향에 맞춰서 보면 되겠음. https://httpstatusdogs.com/ 1XX -
theqoo.net
'부트캠프 개발일지 2023-2024 > React 리액트' 카테고리의 다른 글
| [9주차] 리액트심화: 비동기 통신 axios(post, delete,patch) 하기 (0) | 2023.11.28 |
|---|---|
| [9주차] 리액트심화: 비동기 통신 axios(get) 하기 (1) | 2023.11.28 |
| [9주차] 리액트심화: json server + 스탠다드 내용 업데이트 (0) | 2023.11.28 |
| [9주차] 리액트심화: Redux Toolkit, Redux Devtools (0) | 2023.11.28 |
| [7주차] 리액트숙련: Action Values, Action Creators (1) | 2023.11.20 |