Web
-
HTTP Status 상태 코드(2xx, 3xx) 에 대해 알아보자!Web 2025. 4. 18. 16:52
HTTP 상태 코드 200번대와 300번대의 의미와 예시 HTTP 상태 코드는 요청에 대한 서버의 응답 상태를 나타냅니다. 이 글에서는 200번대(성공)과 300번대(리다이렉션) 상태 코드를 설명하고, 자주 사용되는 코드를 예시로 정리해봅니다.✅ 200번대: 성공 (Successful) 클라이언트의 요청이 성공적으로 수행되었음을 의미합니다. 상태 코드 메시지 설명 200 OK 요청이 정상적으로 처리되어 응답 본문에 결과가 포함됨. 201 Created 요청을 통해 새로운 리소스가 생성됨 (예: POST 요청). 202 Accepted ..
-
HTTP Status 상태 코드(4xx, 5xx) 에 대해 알아보자!Web 2025. 4. 18. 16:49
HTTP 상태 코드 4xx와 5xx 상세 정리 웹 개발이나 API 통신에서 자주 마주치는 HTTP 상태 코드는 응답의 상태를 알려주는 중요한 지표입니다. 특히 4xx(클라이언트 오류)와 5xx(서버 오류)는 문제 원인을 파악하고 디버깅할 때 큰 도움이 됩니다.📌 400번대: 클라이언트 오류 (Client Error) 클라이언트의 잘못된 요청으로 인해 서버가 요청을 처리할 수 없을 때 사용됩니다. 상태 코드 메시지 설명 400 Bad Request 요청 구문이 잘못되었거나 필수 매개변수가 누락된 경우. 401 Unauthorized 인증이 필요하거나 인증 자격 증명이 올바르..
-
REST API 설계 원칙 중 PUT, PATCH 차이 (멱등성 관련)Web 2025. 4. 15. 15:29
💡 멱등성(Idempotence)이란?멱등성은 수학과 컴퓨터 과학에서 사용하는 개념으로, 같은 연산을 여러 번 적용해도 결과가 처음 한 번 적용했을 때와 동일한 성질을 말합니다.REST API에서 멱등성은 다음처럼 이해할 수 있어요:"같은 요청을 여러 번 보내더라도 서버 상태가 한 번 요청했을 때와 같아야 한다."🔍 예시로 이해하기 DELETE /users/123 요청을 생각해봅시다. 한 번 보내면 사용자 123이 삭제됩니다. 두 번 보내도 이미 삭제되어 있어서 서버 상태엔 변화가 없습니다.→ 따라서 DELETE는 멱등한 메서드입니다.✅ HTTP Method와 멱등성 HTTP Method 멱등성 있음? 설명 GET ✅ ..
-
🌐 RESTful API 설계 원칙 정리하기!Web 2025. 4. 15. 15:17
RESTful API는 웹 서비스를 설계할 때 가장 널리 사용되는 아키텍처 스타일 중 하나입니다. "REST"는 Representational State Transfer의 약자로, 자원을 명확하고 일관된 방식으로 접근할 수 있도록 해주는 규칙을 말해요. 이번 포스트에서는 RESTful API를 설계할 때 지켜야 할 핵심 원칙들을 정리해볼게요. ✅ 1. 자원(Resource)은 명사로, URI는 단수 or 복수형 REST에서는 URI가 자원을 나타내야 해요. 즉, 무엇을 조작할지를 나타내는 거죠. 예시: ❌ GET /getUser ✅ GET /users/1 자원의 집합은 보통 복수형으로 표현해요. 동작 HTTP 요청 설명..
-
HTTP란 무엇인가?Web 2025. 4. 15. 00:21
HTTP(HyperText Transfer Protocol)는 웹에서 데이터를 전송하기 위한 규약(프로토콜)입니다. 간단히 말해서, 웹 브라우저와 웹 서버 간에 데이터를 주고받을 때 사용하는 규칙이라고 할 수 있습니다. HTTP는 클라이언트와 서버 간에 요청(request)과 응답(response)을 주고받는 방식으로 작동합니다. 예를 들어, 사용자가 웹사이트의 주소를 입력하면, 브라우저는 HTTP 요청을 서버로 보내고, 서버는 해당 요청에 대한 응답을 HTTP를 통해 반환합니다.1. HTTP의 기본 동작 원리 요청(Request): 클라이언트(웹 브라우저 등)는 웹 서버에 HTTP 요청을 보냅니다. 이 요청은 특정 URL(Uniform Resource Locator)에 대한 데이터를 요구하는 것입..
-
💡 인터넷이란? – 백엔드 개발자가 꼭 알아야 할 핵심 개념 정리Web 2025. 4. 15. 00:14
백엔드 개발을 공부하다 보면 "인터넷", "웹", "서버" 같은 용어를 수도 없이 접하게 됩니다.하지만 막상 "인터넷이 뭐야?"라고 물어보면 명확하게 설명하기 어려운 경우가 많습니다.이 글에서는 백엔드 개발에 꼭 필요한 수준에서, 인터넷이 어떤 구조로 동작하는지, 그리고 실제 웹 요청이 어떻게 처리되는지를 정리해보겠습니다.🌐 인터넷이란?인터넷은 전 세계의 컴퓨터와 네트워크가 서로 연결된 거대한 네트워크입니다.즉, 각기 다른 위치에 있는 컴퓨터들이 서로 데이터를 주고받을 수 있도록 만든 시스템이죠.📌 백엔드 개발자 입장에서 중요한 포인트는:- 내가 만든 서버도 이 인터넷이라는 공간 안에 있고,- 사용자의 브라우저도 인터넷을 통해 서버에 요청을 보내며,- 서버는 응답을 되돌려주는 구조라는 점입니다.⚙️ ..
-
ContentType 을 알아보자! (multipart/form-data, application/json)Web 2025. 4. 14. 16:40
📦 multipart/form-data vs application/json 비교 항목 multipart/form-data application/json 주 용도 파일 업로드 (이미지, 문서 등)와 일반 폼 데이터 전송 JSON 형식의 구조화된 데이터 전송 데이터 포맷 각 필드가 boundary로 구분되어 전송됨 전체 요청 본문이 JSON 문자열로 구성됨 파일 전송 가능 여부 ✅ 가능 ❌ 불가능 사용되는 HTTP 메서드 POST POST, PUT, PATCH 서버 파싱 방법 ..
-
[TypeScript] tsconfig.json 알아보기Web 2022. 11. 23. 18:56
타입스크립트 형태로 프로젝트 생성을 하게 되면 root path 에 tsconfig.json 이라는 파일이 생성되어있을것이다. 이 파일의 목적은 타입스크립트 ts 파일들을 .js 파일로 변환할 때 어떻게 변환할 것인지 세부설정하기위한 설정파일이다. 기본적으로 생성되어있는 설정값으로 진행해도 되지만 어떠한 설정값이 있는지 알아볼것이다. 필자는 CRA(create-react-app) 을 통해서 타입스크립트용으로 프로젝트를 생성할때 tsconfig.json 기준으로을 시작을 한다. $ npx create-react-app ts_demo --template typescript 을 입력시 리액트 프로젝트가 생성된다. 위처럼 ts_demo 디렉토리를 가보면 tsconfig.json 가 생성되있을 것이다. // 기본..