네트워크 장치의 개념 및 필요성네트워크 장치는 네트워크를 구성하고, 데이터를 목적지까지 효율적이고 안정적으로 전달하기 위해 사용되는 물리적 하드웨어 장치를 말합니다. 이 장치들은 OSI 7계층 모델 또는 TCP/IP 4계층 모델의 각 계층에서 특정 역할을 담당하며, 계층별로 다양한 장치가 사용됩니다. 네트워크 장치를 정확히 이해하면 네트워크 설계, 문제 해결, 성능 최적화 등 실무적인 업무를 더욱 효율적으로 수행할 수 있습니다. TCP/IP 4계층, OSI 7계층, 캡슐화와 비캡슐화, PDU의 상세 개념TCP/IP 4계층 모델의 개념 및 특징TCP/IP 4계층 모델의 개념TCP/IP 모델은 인터넷 환경에서 통신이 이루어질 수 있도록 데이터를 주고받는 과정을 네 개의 계층으로 정의한 구조입니다. 인터넷에서..
민트의 공부일지
HTTP 메서드의 개념과 사용 목적HTTP 메서드(HTTP Method)의 개념HTTP 메서드란 HTTP 프로토콜을 통해 클라이언트가 서버에 요청할 때, 어떤 동작을 수행할지 명시하는 명령어입니다. 클라이언트와 서버 간의 통신은 항상 요청(request)과 응답(response)의 형태로 이루어지는데, 이 요청에 어떤 작업을 수행할지를 지정하는 것이 바로 HTTP 메서드입니다.HTTP 메서드는 웹 서비스나 REST API를 구현할 때 데이터에 대한 CRUD(Create, Read, Update, Delete) 작업을 정의하고 수행하기 위한 필수 요소입니다.즉, HTTP 메서드는 요청이 가진 의도를 정확하게 나타내며, 요청을 받은 서버가 어떻게 반응해야 하는지를 명확하게 정의하기 위해 사용합니다.HTTP ..
HTTP 상태 코드의 개념HTTP 상태 코드(HTTP Status Code)는 클라이언트가 서버에게 요청(request)을 보낸 후, 서버가 해당 요청을 처리한 결과를 알려주는 세 자리 숫자의 응답 코드입니다. 상태 코드의 첫 번째 숫자에 따라 상태 코드의 유형을 파악할 수 있으며, 주로 웹 개발, API 개발, 클라이언트와 서버 간 통신 등 다양한 분야에서 사용됩니다.HTTP 상태 코드의 분류와 의미HTTP 상태 코드는 크게 5가지 유형으로 나뉘며 각 첫 번째 숫자로 구분됩니다.1xx (정보 제공 상태 코드)클라이언트 요청이 수신되었으며, 프로세스가 계속 진행 중임을 나타냅니다.100 Continue: 클라이언트가 서버에 요청을 보내기 전에 서버가 요청을 수락할 준비가 되었는지 확인할 때 사용됩니다.1..
로그인 세션 기반 인증 방식의 개념과 구조적 작동 원리세션 기반 인증(Session-Based Authentication)은 사용자가 로그인한 후, 서버에서 사용자 식별 정보를 메모리에 저장하고, 세션 ID를 클라이언트에 부여하는 방식입니다. 이후의 요청에서는 이 세션 ID를 통해 사용자를 식별합니다.세션 방식의 전체 흐름사용자 로그인 요청클라이언트가 서버에 ID/PW를 포함한 로그인 요청을 보냅니다.서버에서 사용자 인증서버는 DB 조회 등을 통해 사용자를 검증하고 세션을 생성합니다.세션 ID 생성 및 저장서버는 메모리 혹은 Redis와 같은 외부 저장소에 세션 객체를 저장하고, 고유한 세션 ID를 발급합니다.세션 ID를 쿠키에 담아 클라이언트로 전송클라이언트는 Set-Cookie를 통해 세션 ID를 쿠..
세션스토리지(SessionStorage)의 개념과 사용 방식세션스토리지는 웹 브라우저에서 탭 단위로 데이터를 저장하는 저장소입니다. HTML5에서 도입된 Web Storage API 중 하나로, 사용자의 세션이 유지되는 동안만 데이터를 저장합니다.주요 특징탭 단위 저장: 동일한 오리진이라도 탭을 새로 열면 새로운 세션스토리지가 생성됩니다.세션 기반 유지: 브라우저 또는 탭을 닫으면 데이터가 자동 삭제됩니다.저장 가능한 데이터: 문자열만 저장 가능 (JSON은 stringify/parse 처리 필요)크기 제한: 일반적으로 5MB 내외 (브라우저마다 다름)실무에서의 활용 예시로그인 중인 유저의 일시적인 UI 상태 저장 (예: 열려있는 탭, 활성화된 탭 등)페이지 이동 간 일시적 정보 전달브라우저 탭 간 데이..
1. 로컬스토리지(LocalStorage)의 개념과 구조적 특징로컬스토리지(LocalStorage)는 HTML5에서 도입된 Web Storage API의 일부로, 브라우저가 제공하는 클라이언트 측의 영구 저장소입니다. 쿠키처럼 문자열 데이터를 저장할 수 있지만, 서버로 자동 전송되지 않으며, 저장 용량도 훨씬 큽니다.동작 방식과 구조데이터를 Key-Value 구조로 저장하며, 문자열(String)만 저장 가능합니다.동일 오리진(Origin) 기준으로 저장 격리됨 (다른 도메인/포트/프로토콜에서는 접근 불가)데이터를 다루는 API는 매우 직관적입니다.// 저장localStorage.setItem('theme', 'dark');// 가져오기const theme = localStorage.getItem('th..
