🔥 모든 개발자를 위한 HTTP 웹 기본 지식
섹션6. HTTP 상태코드
📍HTTP 상태코드 소개
✅ 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려 주는 기능
👉🏻 1xx (Informational): 요청이 수신되어 처리 중 (거의 사용되지 않음)
👉🏻 2xx (Successful): 요청 정상 처리
👉🏻 3xx (Redirection): 요청을 완료하려면 추가 행동이 필요
👉🏻 4xx (Client Error): 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음
👉🏻 5xx (Server Error): 서버 오류, 서버가 정상 요청을 처리하지 못함
✔️ 만약 모르는 상태 코드가 나타나면?
👉🏻 클라이언트가 인식할 수 없는 상태 코드를 서버가 반환하면 상위 상태코드로 해석해서 처리
👉🏻 미래에 새로운 상태 코드가 추가되어도 클라이언트를 변경하지 않아도 됨
👉🏻 예) 299 ???일 경우, 200대로 Successful 이라고 생각해도 무방함
📍1xx - Informational
👉🏻 요청이 수신되어 처리 중
👉🏻 거의 사용하지 않으므로 생략
📍2xx - 성공(Successful)
👉🏻 클라이언트의 요청을 성공적으로 처리
1️⃣ 200 OK
👉🏻 요청 성공
👉🏻 클라이언트의 요청을 받고 서버가 정상적으로 응답함
2️⃣ 201 Created
👉🏻 요청 성공해서 새로운 리소스가 생성됨
👉🏻 생성된 리소스는 응답의 Location 헤더 필드로 식별
POST /members HTTP/1.1 Content-Type: application/json { "username": "young", "age": 20 } |
HTTP/1.1 201 Created Content-Type: application/json Content-Length: 34 Location: /members/100 { "username": "young", "age": 20 } |
3️⃣ 202 Accepted
👉🏻 요청이 접수되어쓰나 처리가 완료되지 않았음
👉🏻 배치 처리 같은 곳에서 사용
예) 요청 접수 후 1시간 뒤에 배치 프로세스가 요청을 처리함
4️⃣ 204 No Content
👉🏻 서버가 요청을 성공적으로 수행했지만 응답 페이로드 본문에 보낼 데이터가 없음
👉🏻 예) 웹 문서 편집기에서 save 버튼
👉🏻 save 버튼의 결과로 아무 내용이 없어도 됨
👉🏻 save 버튼을 눌러도 같은 화면을 유지해야 함
👉🏻 결과 내용이 없어도 204 메시지(2xx)만으로 성공을 인식할 수 있음
📍 3xx - 리다이렉션(Redirection)
👉🏻 요청을 완료하기 위해 유저 에이전트의 추가 조치 필요
👉🏻 웹 브라우저는 3xx 응답의 결과에 Location 헤더가 있으면 Location 위치로 자동 이동함(Redirect)
✅ 이벤트 페이지의 링크가 변경되었을 때, 이전의 링크를 가지고 있던 사용자가 해당 링크로 접속하고자 한다면?
1. 요청 GET /event HTTP/1.1 Host: localhost:8080 ⬇️ 3. 자동 리다이렉트 |
2. 응답 HTTP/1.1 301 Moved Permanently Location: /new-event |
4. 요청 GET /new-event HTTP/1.1 Host: localhost:8080 |
5. 응답 HTTP/1.1 200 OK ... |
✔️ 리다이렉션 이해
1️⃣ 영구 리다이렉션
👉🏻 특정 리소스의 URI가 영구적으로 이동
👉🏻 예) /members -> /users
▶️ 301, 308
👉🏻 리소스의 URI가 영구적으로 이동
👉🏻 원래의 URL 사용하지 않고 검색 엔진 등에서도 변경을 인지함
▶️ 301 Moved Permanently
👉🏻 처음 구현 시 POST를 보내면 POST로 응답하겠지라고 생각했는데 브라우저가 모두 GET으로 바꿔 버려서 스펙을 바꿔 버림
1. 요청 (메시지 존재) POST/event HTTP/1.1 Host: localhost:8080 name=hello&age=20 ⬇️ 3. 자동 리다이렉트 |
2. 응답 HTTP/1.1 301 Moved Permanently Location: /new-event |
4. 요청 (POST를 GET으로 바꾸고 메시지 제거) GET/new-event HTTP/1.1 Host: localhost:8080 |
5. 응답 HTTP/1.1 200 OK ... |
👉🏻 리다이렉트 시 요청 메소드가 GET으로 변하고, 본문이 제거될 수도 있음(MAY, 대부분 308이 아닌 301로 구현)
▶️ 308 Permanent Redirect
1. 요청 (메시지 존재) POST /event HTTP/1.1 Host: localhost:8080 name=hello&age=20 ⬇️ 3. 자동 리다이렉트 |
2. 응답 HTTP/1.1 308 Permanent Redirect Location: /new-event |
4. 요청 (POST & 메시지 유지) POST/new-event HTTP/1.1 Host: localhost:8080 name=hello&age=20 |
5. 응답 HTTP/1.1 200 OK ... |
👉🏻 301과 기능은 같음
👉🏻 리다이렉트 시 요청 메소드와 본문 유지(처음 POST를 보내면 POST로 유지함)
2️⃣ 일시 리다이렉션
👉🏻 일시적인 변경
👉🏻 주문 완료 후 주문 내역 화면으로 이동
👉🏻 PRG: Post/Redirect/Get
▶️ 302, 307, 303
👉🏻 리소스의 URI가 일시적으로 변경
👉🏻 따라서 검색 엔진 등에서 URL을 변경하면 안 됨
▶️ 302 Found
👉🏻 리다이렉트 요청 메소드가 GET으로 변할 수도 있고 본문이 제거될 수도 있음 (MAY)
👉🏻 처음 구현 시 POST를 보내면 POST로 응답하겠지라고 생각했는데 브라우저가 모두 GET으로 바꿔 버려서 스펙을 바꿔 버림
▶️ 307 Temporary Redirect
👉🏻 302와 기능은 같음
👉🏻 리다이렉트 요청 시 요청 메소드의 본문이 유지됨(요청 메소드를 변경하면 안 됨! MUST NOT)
▶️ 303 See Other
👉🏻 302와 기능은 같음
👉🏻 리다이렉트 요청 시 요청 메소드가 '거의 대부분' GET으로 변경됨
✅ PRG: Post/Redirect/Get
👉🏻 일시적인 리다이렉션이 왜 필요할까?
👉🏻 POST로 주문 후에 웹 브라우저에서 새로고침을 하면 중복 주문이 될 수 있음
PRG 사용 전 | PRG 사용 후 | ||
1. 요청 POST /order HTTP/1.1 Host: localhost:8080 itemId=mouse&count=1 |
2. 주문데이터를 DB에 저장 3. 응답 HTTP/1.1 200 OK <html> 주문 완료 </html> |
1. 요청 POST /order HTTP/1.1 Host: localhost:8080 itemId=mouse&count=1 |
2. 주문데이터를 DB에 저장 3. 응답 HTTP/1.1 302 Found Location: /order-result/19 |
4. 결과 화면에서 새로고침 URL: /order |
4. 자동 리다이렉트 | ||
5. 요청 POST /order HTTP/1.1 Host: localhost:8080 |
6. 주문데이터를 DB에 저장 7. 응답 HTTP/1.1 200 OK 주문 완료 |
5. 요청 GET /order-result HTTP/1.1 Host: localhost:8080 8. 결과화면에서 새로고침 GET /order-result/19 결과 화면만 다시 요청(5번 이동) |
6. 주문데이터 DB에서 조회 7. 응답 HTTP/1.1 200 OK <html> 주문 완료 </html> |
👉🏻 POST로 주문 후에 새로고침으로 인한 중복 주문 방지
👉🏻 POST로 주문 후 주문 결과 화면을 GET 메소드로 리다이렉트
👉🏻 새로고침 해도 주문 결과 화면(GET)만 보여 줌
✅ 302는 GET으로 변할 수 있으며 거의 GET으로 변함
✅ 307은 GET으로 변하면 안 됨
✅ 303은 GET으로 변경이 되어야 함
👉🏻 307, 303을 권장하나 302를 기본으로 사용하는 어플리케이션이 많아서 302로 사용해도 무방하긴 함
3️⃣ 특수 리다이렉션
👉🏻 결과 대신 캐시를 사용
▶️ 300 Multiple Choices: 거의 안 씀
▶️ 304 Not Modified
👉🏻 캐시를 목적으로 사용
👉🏻 클라이언트에게 리소스가 수정되지 않았음을 알려 줌(따라서 클라이언트는 로컬 PC에 저장된 캐시를 재사용 = 캐시로 리다이렉트)
👉🏻 304 응답은 응답에 메시지 바디를 포함해서는 안 됨(로컬 캐시를 사용해야 하므로)
👉🏻 조건부 GET, HEAD 요청 시 사용
📍 4xx - 클라이언트 오류
👉🏻 클라이언트의 요청에 잘못된 문법 등으로 서버가 요청을 수행할 수 없음
👉🏻 오류의 원인이 클라이언트에 있음
✅ 중요! 클라이언트가 이미 잘못된 요청, 데이터를 보내고 있기 때문에 똑같은 재시도는 실패함
▶️ 400 Bad Request
👉🏻 클라이언트가 잘못된 요청을 해서 서버가 요청을 처리할 수 없음
👉🏻 요청 구문, 메시지 오류 등 요청 파라미터가 잘못되거나 API 스펙이 맞지 않을 때
▶️ 401 Unauthorized
👉🏻 클라이언트가 해당 리소스에 대한 인증이 필요함
👉🏻 인증되지 않아 발생하므로 401 오류 발생 시 응답에 WWW-Authenticate 헤더와 함께 인증 방법을 설명
- 참고
1) 인증(Authentication): 본인이 누구인지 확인(로그인)
2) 인가(Authorization): 권한 부여(admin 권한처럼 특정 리소스에 접근할 수 있는 권한
👉🏻 인증이 있어야 인가가 있음
3) 오류 메시지가 Unauthorized 이지만 인증되지 않음 (이름 validation 실패 등)
▶️ 403 Forbidden
👉🏻 서버가 요청을 이해했지만 승인을 거부함
👉🏻 주로 인증 자격 증명은 있으나 접근 권한이 불충분한 경우
예) 어드민 등급이 아닌 사용자가 로그인은 했으나 어드민 등급의 리소스에 접근하는 경우
▶️ 404 Not Found
👉🏻 요청 리소스를 찾을 수 있음, 요청 리소스가 서버에 없음
👉🏻 또는 클라이언트가 권한이 부족한 리소스에 접근했기 때문에 해당 리소스를 숨기고 싶을 때
📍 5xx - 서버 오류
👉🏻 서버 문제로 오류 발생
👉🏻 서버에 문제가 있기 때문에 재시도 하면 성공할 수도 있음 (복구가 되거나 등)
▶️ 500 Internal Server Error
👉🏻 서버 문제로 오류 발생, 애매하면 500 오류
👉🏻 서버 내부 오류로 500 에러의 통괄 느낌
▶️ 503 Service Unavailable
👉🏻 서비스 이용 불가
👉🏻 서버가 일시적인 과부화 또는 예정된 작업으로 잠시 요청을 처리할 수 없음
👉🏻 Retry-After 헤더 필드로 얼마 뒤에 복구되는지 보낼 수도 있음
✔️ 웬만하면 500대 에러를 만들면 안 됨!
👉🏻 성인 구매 가능한 물건을 미성년이 구매했을 때(프로세스 자체는 정상임) 이걸 500으로 내 버리면 안 됨!