carsumin devlog 🍀

웹 개발을 하다 보면 클라이언트 측에 데이터를 저장해야 하는 순간이 있다.로그인 상태 유지, 사용자 설정 저장, 장바구니 데이터 등 다양한 상황에서 브라우저 저장소를 활용하게 된다.그 중에서도 가장 많이 쓰이는 두 가지가 바로 LocalStorage와 SessionStorage다.둘 다 Web Storage API의 일부로 크키보다 훨씬 큰 용량을 제공하고 서버로 자동 전송되지 않는다는 공통점이 있다. LocalStorage - 탭을 닫아도 살아있음LocalStorage에 저장된 데이터는 브라우저를 완전히 종료하고 다시 열어도 유지됨사용자가 직접 삭제하거나 코드로 clear() / removeItem()을 호출하지 않는 한 영원히 남음같은 출처 (origin : 프로토콜 + 도메인 + 포트) 라면 여러..

Nginx주로 웹 서버 (Web Server) 또는 리버스 프록시 (Reverse Proxy) 로 사용하는 소프트웨어 Nginx 역할 1. 웹 서버 역할사용자가 브라우저에 www.example.com 입력하면,Nginx는 HTML, CSS, JS 같은 정적 파일을 읽어서 응답해주는 역할Apache 보다 더 빠르고 가벼움2. 리버스 프록시 역할사용자 -> Nginx -> 백엔드 서버 (Spring, Node.js 등)사용자는 Nginx에 요청을 보내고Nginx가 그 요청을 내부의 백엔드 서버에 전달해줌백엔드가 응답하면 다시 사용자에게 돌려줌즉, 중간에서 트래픽을 중계해주는 역할 3. 로드 밸런서 역할서버 부하를 나눠주는 역할사용자 요청 ↓Nginx (로드밸런서) ├─> 백엔드 서버 1 ├─> 백엔드..

HTTP 상태 코드클라이언트가 보낸 요청에 대해 서버가 응답으로 제공하는 숫자 코드요청의 처리 결과를 나타냄1xx : 정보 (Informational)요청이 수신되었고 서버가 작업을 계속 진행 중임을 의미실무에서 거의 사용되지 않음2xx : 성공 (Successful)요청이 정상적으로 처리됨200 OK : 요청이 성공적으로 처리201 Created : 새로운 리소스가 성공적으로 생성됨204 No Content : 요청은 성공했지만 반환할 내용이 없음3xx : 리다이렉션 (Redirection)요청을 완료하려면 클라이언트가 추가 작업을 해야함301 Moved Permanently : 요청한 리소스가 영구적으로 이동302 Found : 요청한 리소스가 일시적으로 다른 위치에 있음304 Not Modified..

주요 HTTP 메서드GET리소스 조회요청한 URL에 해당하는 데이터를 서버에서 가져옴서버의 상태를 변경하지 않음같은 요청을 여러번해도 결과가 동일함ex ) 게시글 조회, 사용자 정보 조회POST서버에 리소스를 생성요청 본문에 데이터를 담아 서버로 전송, 서버는 새로운 리소스 생성같은 요청을 여러번 보내면 중복된 데이터가 생성될 수 있음ex ) 회원가입, 게시글 작성PUT리소스를 전체 수정하거나, 존재하지 않으면 생성요청 본문에 리소스 전체 데이터 담아 전송, 서버는 기존 리소스 대체같은 요청을 여러번해도 결과가 동일함ex ) 사용자 정보 전체 업데이트PATCH리소스의 부분 수정요청 본문에 수정할 필드만 담아 전송, 서버는 해당 필드만 변경ex ) 사용자 이름 변경DELETE서버에서 리소스를 삭제같은 요청..

RESTful API 개념Representational State Transfer의 약자자원의 표현에 의한 상태 전달 의미HTTP 프로토콜 기반, 웹의 기술과 규약 그대로 활용함RESTful API 는 플랫폼 독립적 RESTful API 설계 원칙자원(Resource)의 식별모든 자원은 고유한 URI를 가지며, 이를 통해 자원을 식별함URI 는 인터넷상에서 자원을 고유하게 식별하고 위치를 지정하는 표준 방법자원에 대한 행위는 HTTP 메서드를 통해 표현HTTP 메서드 : GET, POST, PUT, DELETE자원에 대한 CRUD 연산을 명확하게 표현 가능메시지는 자기 서술적메세지 포맷과 HTTP 메서드 등을 통해 요청의 의도를 명확하게 할 수 있음애플리케이션의 상태는 하이퍼미디어를 통해 관리됨클라이언트..

https://www.cookieyes.com/blog/session-cookies/ What are session cookies? Do they need consent? - CookieYesSession cookies are cookies that last only for a single user session. Learn more about why they are used, if they need consent and whether they are GDPR compliant.www.cookieyes.com  세션 Session 서버 측에서 관리 되는 사용자 상태 정보사용자가 서버에 접속하면 해당 사용자를 식별하기 위해 고유한 세션 ID를 생성하고, 이 세션 ID를 클라이언트에게 전달한다. 클라이언트는..

https://www.pubnub.com/blog/evaluating-long-polling-vs-websockets/ Evaluating Long Polling vs WebSocketsExplore Long Polling vs WebSockets in real-time web development.www.pubnub.com Polling과 WebSocket 1. client - server 통신- 폴링과 웹소켓은 client - server 간의 실시간 양방향 통신에 사용되는 기술 2. 실시간성- 실시간 데이터를 처리하기 위해 사용함 3. HTTP 기반- Polling은 HTTP의 요청/응답 반복- WebSocket은 초기 핸드셰이크(Handshake) 과정에서 HTTP 사용 * 초기 핸드셰이크(Han..

REST - Representational State Transfer- API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처이다.- 복잡한 네트워크에서 통신을 관리하기 위해 만들어졌다.- REST 기반 아키텍처를 사용하여 대규모의 고성능 통신을 안정적으로 지원할 수 있다. RESTful API✔️개념- 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스이다.- 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따른다. ✔️작동방식- 인터넷 브라우징과 동일함 1. client가 server에 요청을 전송한다. API 문서에 따라 server가 이해하는 방식으로 요청 형식을 지정2. server가 client를 인증하고 해당 요청을 수행할 수 있는 권한이 cl..