728x90
728x90
세션이란?Session은 많은 의미로 사용되지만 이번 포스팅에서는 웹 브라우저 쿠키에 저장되던 값들을 웹 서버 측에 저장하는 메커니즘에 사용되는 Session을 말한다. 웹 브라우저는 세션 ID만 쿠키에 저장하고 실제 데이터는 웹 서버의 별도 저장소(DB)에 저장한다.세션과 쿠키의 관계세션을 사용한다고 해서 쿠키를 사용하지 않는 것은 아니다. 웹 브라우저는 어떤 세션에 속하는지 식별하기 위해 SESSION_ID를 쿠키에 저장한다. 웹 브라우저가 닫히면 세션 정보는 일정 시간 후 삭제되어 저장 공간을 효율적으로 관리한다.세션 저장소와 Redis세션 정보는 웹 서버 측에 저장되므로 빠른 데이터 접근이 중요하다. 특히 API 호출이 빈번한 경우 매번 세션 정보를 조회해야 하므로 성능에 큰 영향을 미칠 수 있다..
웹 스토리지란?웹 스토리지는 HTML5부터 도입된 기술로 웹 브라우저 자체에 데이터를 저장할 수 있도록 해준다.쿠키와 유사하면서도 몇 가지 차이가 있다. 웹 스토리지의종류로컬 스토리지 (localStorage)데이터가 브라우저에 영구적으로 저장된다. 브라우저를 닫거나 컴퓨터를 재시작해도 데이터는 유지된다. 사용자가 직접 삭제하거나 웹 애플리케이션에서 삭제 코드를 실행해야만 삭제된다. 세션 스토리지 (sessionStorage)데이터가 브라우저 탭이나 창이 열려 있는 동안에만 유지된다. 탭이나 창을 닫으면 데이터는 자동으로 삭제된다. 웹 스토리지 특징더 큰 저장 용량: 쿠키는 일반적으로 4KB 정도의 작은 용량만 저장할 수 있지만 웹 스토리지는 5MB 이상의 훨씬 큰 용량을 저장할 수 있다.서버로 전송되..
Cookie란 무엇일까?웹 브라우저를 사용해본적이 있다면 쿠키에 대해서 한번쯤은 들어 보았을 것이다. 그렇다면 대략적으로 무언가의 데이터라는 생각이 들텐데 정확히 어떤 데이터이고 어떤 용도인지 알 필요가 있다. 쿠키는 웹 서버가 사용자의 브라우저에 전송(저장)하는 작은 데이터 조각이다. 브라우저는 그 데이터 조각을 저장해 두었다가 동일한 서버에서 재요청이 온다면 저장된 데이터를 함께 전송한다. 이를 사용하면 Stateless 성향을 가진 HTTP 프로토콜에서도 서버와 클라이언트 간의 연결이 유지될 수 있다. Stateless (무상태, 불연속성)웹 서버 입장에서 매 요청이 어떤 웹 브라우저가 보낸 것인지 알 수 없다.클라이언트와 서버 관계에서 서버가 클라이언트 상태를 보존하지 않는 것을 의미한다.Sta..
REST API는 무엇일까?API에 대해 알아보면 대표적으로 REST API가 있다. 그렇다면 REST API는 정확히 무엇일까? REST API는 "Representational State Transfer"의 약자로, 네트워크를 통해 클라이언트와 서버 간의 상호작용을 위한 규칙과 원칙을 정의한 아키텍처 스타일이다.REST API는 HTTP 프로토콜을 기반으로 하여, 클라이언트가 특정 리소스에 접근할 수 있도록 하고, 이 리소스는 일반적으로 JSON 형식의 데이터를 통해 표현된다.리소스는 URL을 통해 고유하게 식별되며, 클라이언트는 이 URL에 HTTP 메서드(GET, POST, PUT, DELETE 등)를 사용해 요청을 보내고, 서버는 요청에 대한 응답을 반환하는 방식으로 동작한다.REST API의 ..
GraphQL은 무엇일까?GraphQL은 페이스북에서 개발된 API를 위한 쿼리 언어이자 런타임이다. 클라이언트가 필요한 데이터를 정확하게 요청하고 서버는 그에 맞는 데이터만 응답하는 방식으로 작동하며 REST API의 단점을 보완하기 위해 등장했다.GraphQL의 핵심 개념쿼리 (Query)클라이언트가 서버에게 원하는 데이터를 요청하기 위해 사용하는 질의문이다. 쿼리에는 필요한 데이터의 종류와 구조를 명시한다. 스키마 (Schema) GraphQL API에서 사용 가능한 데이터 타입과 필드, 그리고 이들 간의 관계를 정의하는 청사진이다. 스키마는 API의 구조를 명확하게 보여주고 클라이언트가 어떤 데이터를 요청할 수 있는지 알려준다. 리졸버 (Resolver)쿼리의 각 필드에 대한 데이터를 가져오는 로..
크로스 브라우징(cross browsing)이란 무엇일까?이전 직장에서 크로스 브라우징 관련 이슈가 생겨 크로스 브라우징에 대한 내용을 처음으로 찾아보게 되었는데 내용을 더 자세하게 정리하려고 한다.. (수정하고 나니 IE에선 작동을 하지 않는?!)크로스 브라우징(Cross Browsing)은 웹 페이지나 웹 어플리케이션이 다양한 웹 브라우저에서 일관되게 작동하고 동일하게 보이도록 하는 것을 뜻한다. 각 브라우저는 웹 표준을 해석하고 렌더링하는 방식에 약간의 차이가 있을 수 있기에 크로스 브라우징은 웹 개발 과정에서 꼭 고려해야할 사항이다. 그럼 어떠한 이유들로 인해서 크로스 브라우징이 중요한지 알아보자.특히 IE와 같은 구형 브라우저와 최신 브라우저 간에는 큰 차이가 있어 구형 브라우저에서도 호환성을 ..