본문 바로가기

전체 글290

2024.10.02(수) { HTTP패킷, 톰캣 사용하는 이유, 클라이언트 종류와 역할, 💡 HTTP 패킷의 구조HTTP 요청과 응답 모두 **헤더(Header)**와 **페이로드(Payload)**로 구성됩니다.헤더(Header): 요청/응답의 메타 데이터를 포함합니다. (예: 요청의 메서드, 응답의 상태 코드, 콘텐츠 타입 등)페이로드(Payload): 전송하고자 하는 실제 데이터를 포함합니다.요약HTTP Request Payload: 클라이언트가 서버로 보내는 데이터 (POST, PUT, PATCH 요청에 주로 포함됨).HTTP Response Payload: 서버가 클라이언트로 보내는 데이터 (응답 데이터).💡 Tomcat을 사용하는 이유안정적인 TCP 통신 지원:Tomcat은 **웹 애플리케이션 서버(WAS)**로서, 클라이언트(브라우저 등)와 서버 간의 안정적인 TCP 통신을 .. 2024. 10. 2.
HTML 폼 태그 1. 태그HTML에서 태그는 사용자 입력을 서버로 전송하는 양식을 정의합니다.주요 속성:method: 데이터를 전송할 HTTP 메서드.GET: URL에 데이터를 포함하여 전송.POST: 데이터를 본문에 포함하여 전송.action: 데이터를 전송할 서버의 URL을 지정합니다.name: 폼의 이름을 지정하며, 서버에서 폼 데이터를 구분할 때 사용됩니다.target: 폼 데이터를 전송한 후 응답을 표시할 위치를 지정합니다._self: 같은 탭에서 응답을 표시 (기본값)._blank: 새 탭에서 응답을 표시.autocomplete: 자동 완성 기능을 활성화하거나 비활성화.on: 자동 완성 기능 활성화.off: 자동 완성 기능 비활성화.2. 태그와 태그: 여러 입력 요소를 그룹화할 때 사용합니다.: 그룹의.. 2024. 10. 2.
시맨틱 태그 (+ 테이블 생성, 합치기) 시맨틱 태그(Semantic Tags)는 HTML5에서 도입된 태그들로, 요소의 의미를 명확하게 설명해주는 태그들입니다. 즉, 단순히 레이아웃을 구성하는 역할을 넘어, 태그 자체가 그 내용의 의미를 나타내는 기능을 합니다.시맨틱 태그를 사용하는 이유코드 가독성: 시맨틱 태그는 코드의 의미를 명확히 표현해주므로, 개발자나 유지보수자가 코드를 읽을 때 쉽게 이해할 수 있습니다. 예를 들어, div 태그 대신 header, footer 등을 사용하면, 해당 부분이 어떤 역할을 하는지 명확히 알 수 있습니다.SEO(Search Engine Optimization): 검색 엔진은 시맨틱 태그를 통해 웹 페이지의 구조를 더 잘 이해할 수 있습니다. **검색 엔진 최적화(SEO)**에 유리하게 작용하며, 웹 페이지가.. 2024. 10. 2.
쿠키, 세션, JSON 웹 토큰(JWT) 1. 쿠키(Cookie)쿠키는 클라이언트(브라우저)에 저장되는 작은 데이터 조각으로, 서버가 클라이언트의 상태 정보를 기억하기 위해 사용합니다. 주로 서버가 클라이언트에게 응답할 때, 클라이언트에게 쿠키를 설정해 두면 이후 클라이언트가 서버에 요청을 보낼 때 쿠키를 자동으로 포함하게 됩니다.용도: 로그인 상태 유지, 세션 ID 저장, 사용자 선호 설정 등을 저장.특징: 클라이언트 측에 저장되며, 요청 시마다 서버로 자동 전송됨.단점: 클라이언트 측에 저장되므로 보안에 취약할 수 있음.2. 세션(Session)세션은 서버 측에서 유지되는 사용자 상태 정보입니다. 사용자가 서버에 로그인하면 서버가 세션을 생성하고, 클라이언트는 세션 ID를 쿠키에 저장하여 요청 시마다 이 세션 ID를 서버로 전송합니다. 서버.. 2024. 9. 30.
HTTP, HTTP/2, HTTP/3의 차이점 HTTP/1.1, HTTP/2, 그리고 HTTP/3는 웹에서 데이터를 전송하는 데 사용되는 프로토콜로, 각각의 버전은 성능과 효율성을 개선하기 위해 진화해왔습니다. 각 버전의 차이를 자세히 알아보면 다음과 같습니다.1. HTTP/1.1HTTP/1.1은 현재까지도 많이 사용되는 프로토콜 버전입니다. HTTP/1.0의 문제점을 해결하기 위해 등장했으며, 새로운 웹 환경에 맞게 여러 기능들이 추가되었습니다.주요 특징:요청/응답 모델: HTTP/1.1은 요청과 응답이 1:1로 이루어지는 방식입니다. 클라이언트가 요청을 보내면, 서버는 그 요청에 대한 응답을 보내고, 그 과정이 끝나면 연결이 종료됩니다.지속 연결(persistent connection): HTTP/1.0에서는 요청을 할 때마다 새로운 TCP 연결.. 2024. 9. 30.
텍스트 인코딩 방식과 HTTP의 발전 1. 텍스트 인코딩 방식텍스트 데이터를 컴퓨터에서 저장하고 처리할 때, 다양한 인코딩 방식이 사용됩니다. 이 중 대표적인 인코딩 방식은 ASCII와 **유니코드(UTF-8, UTF-16)**입니다.1) ASCIIASCII(American Standard Code for Information Interchange)는 가장 기본적인 텍스트 인코딩 방식입니다.7비트를 사용해 128개의 문자(영문 알파벳, 숫자, 기본 특수 문자 등)를 표현할 수 있습니다.확장 ASCII는 8비트를 사용해 256개의 문자를 지원합니다.초기 컴퓨터 시스템에서 많이 사용되었으나, 다국어를 처리하는 데 한계가 있습니다.2) 유니코드(Unicode)유니코드는 전 세계 모든 문자를 하나의 표준으로 정의한 인코딩 방식입니다.UTF-8과 U.. 2024. 9. 29.

티스토리툴바