본문 바로가기

Hub Web/Web

Hub Web/Web 2024. 4. 9. [Web] REST API에서 JWT를 사용하는 이유 📜 개요 🔹 내 웹 애플리케이션에 방금 로그인 요청을 받았는데 로그인 자격 증명이 포함되지 않은 요청이라면 다음 API 호출에서는 어떻게 될까? 기본적으로 HTTP는 Stateless이다. 즉, 각 요청은 독립적이고 이전 요청에 대한 상태를 저장하지 않는다. 그렇다고 사용자에게 모든 요청에 대하여 재인증을 요청하는 것은 바람직하지 못하다. 세션 쿠키와 JWT(JSON 웹 토큰)는 호출 간에 이러한 인증 상태를 유지하는 가장 널리 사용되는 두 가지 방법이다. 두 가지 모두 장단점이 있으며, 둘 중 하나를 선택하려면 이러한 장단점과 애플리케이션의 특정 요구 사항과의 관계를 이해해야 한다. ⚙️ Session ( 세션 ) Session 이란, 비밀번호를 비롯한 인증 정보를 쿠키가 아닌, 서버 측에서 저장하고 ..
Hub Web/Web 2024. 4. 5. [Web] HTTP 프로토콜에서 쿠키와 세션을 사용하는 이유 📜 개요 🔹 쿠키와 세션에 대한 공부를 하며 들었던 의문이다. HTTP는 Stateless ( 무상태성 )하고 Connectionless ( 비연결성 ) 한 특징을 갖고 있는데 그렇다면 로그인 정보는 어떻게 저장하는 걸까? 이에 대한 해답으로 나온 것이 쿠키와 세션이다. 먼저, 쿠키와 세션에 대해서 알아보자. 👻 HTTP 🔹 HTTP는 클라이언트-서버 사이에 이루어지는 요청/응답(request/response) 프로토콜이다. 예를 들어 클라이언트 ( 웹 브라우저 )가 특정 웹 페이지에 접속할 경우 HTTP를 통해 해당 웹 페이지의 그림 정보 등을 서버에 요청하고, 서버는 이 요청에 응답하여 필요한 정보를 클라이언트에 전달하는 식이다. HTTP는 다음 두 가지 특징을 지닌다. ◈ Connectionless..
Hub Web/Web 2024. 4. 1. [Web] CORS와 해결 방법 📜 개요 🔹사용자를 CSRF, XSS 등의 공격으로부터 보호하기 위해 1차적인 방어선으로 시행된 동일 출처 정책 (Same-Origin Policy, SOP)에 의해 제 3자가 제공하는 API를 직접 호출하기가 어려워졌다. 하지만, 보호를 위해 동일한 출처를 제외하고 모든 외부 리소스를 차단한다면 인터넷이 돌아가지 않을 테니 이런 배경에 의해 리소스 호출이 허용된 출처를 서버가 명시해 놓으면, 출처가 다르더라도 요청과 응답을 주고받을 수 있도록 만들어놓은 정책이 바로 교차 출처 리소스 공유 (Cross-Origin Resource Sharing, CORS) 이다. 결국 내가 마주했던 에러는 사실상 브라우저의 SOP 정책에 따라 다른 출처의 리소스를 차단하면서 발생된 에러이며, CORS는 다른 출처의 리소..
Hub Web/Web 2024. 3. 16. [Web] REST API와 URI 설계 📜 REST API란? 🔹 기존의 웹 서비스에서는 URI에 동사를 사용하여 어떤 작업을 수행하는지를 명시했다. 예를 들면, 다음과 같은 URI 구조이다. GET / getUsers POST / createUser PUT / updateUser DELETE / deleteUser 이러한 방식은 API의 설계를 명확하게 하기 위해 도움이 되었지만, REST API의 경우는 명사 중심의 자원을 표현하고 HTTP 메서드를 통해 어떤 작업을 수행하는지를 명시한다. 즉, URI에는 자원을 식별하는 명사를 사용하고, 해당 자원에 대한 행동은 HTTP 메서드로 나타낸다. 예를 들어, REST API에서는 다음과 같은 구조를 사용한다. GET / users - 모든 사용자를 가져오는 자원 POST / users - 새로..

티스토리툴바