HTML 문서의 구조HTML 문서는 DOCTYPE 선언으로 시작합니다. 이는 웹 브라우저에게 이 문서가 HTML5 문서임을 알려주는 역할을 합니다. h1기본적인 HTML 태그들: HTML 문서의 시작과 끝을 나타냅니다.: 웹 페이지의 메타 정보를 담는 곳입니다. , , , ,  등의 태그를 포함할 수 있습니다.: 웹 페이지의 제목을 설정합니다. 브라우저의 탭에 표시됩니다.: 웹 페이지의 본문을 나타내는 부분입니다. 웹 브라우저에 실제로 표시되는 내용을 담습니다. ~ : 제목을 나타내는 태그입니다. 이 가장 큰 제목이며, 까지 숫자가 커질수록 글자 크기가 작아집니다.: 문단을 나타내는 태그입니다. 텍스트를 담는 데 사용됩니다.: 하이퍼링크를 만드는 태그입니다. href 속성에 링크할 URL을 지정합니다...

1. HTML, CSS, JS의 기본 개념과 관계HTML (HyperText Markup Language):웹 페이지의 구조를 정의하는 언어.요소(Element)와 태그(Tag)로 구성.예: 텍스트, 이미지, 링크, 버튼 등.CSS (Cascading Style Sheets):웹 페이지의 디자인 및 스타일링을 담당.색상, 글꼴, 레이아웃 등 시각적 요소를 제어.JS (JavaScript):웹 페이지에 동적 기능을 추가하는 스크립트 언어.이벤트 처리, 애니메이션, 데이터 검증 등 구현.세 언어의 관계:HTML → 구조 제공.CSS → 구조에 스타일 입힘.JS → 사용자 상호작용 및 동작 추가.2. 웹 페이지 제작에 필요한 기본적인 HTML 태그들구조 태그:: 문서의 최상위 요소.: 메타데이터, 제목, 스타..

1. 프록시란?프록시 (Proxy):클라이언트(사용자)와 서버 간의 중간에 위치하여 요청을 대신 전달하거나 처리하는 중개 서버.역할:클라이언트 요청을 대신 서버로 전달.서버 응답을 클라이언트로 전달.활용 목적:익명성 보장(클라이언트 IP 숨기기).트래픽 모니터링 및 제어.콘텐츠 캐싱 및 속도 향상.특정 웹사이트 접근 제한 우회.2. 웹 프록시 툴웹 프록시(Web Proxy) 도구:웹 트래픽을 분석하거나 중계하기 위한 소프트웨어.대표적인 툴:Burp Suite:보안 전문가가 사용하는 웹 애플리케이션 테스트 도구.요청/응답 수정, 페이로드 삽입 가능.Fiddler:HTTP/HTTPS 트래픽 디버깅 도구.클라이언트-서버 간의 트래픽을 쉽게 분석.Charles Proxy:HTTP/HTTPS 트래픽 캡처 및 분석..

1. 패킷이란?패킷 (Packet):네트워크를 통해 전송되는 데이터의 단위.데이터를 작은 조각으로 나누어 전송함으로써 효율성과 신뢰성을 보장.비유:데이터를 나누어 담은 "우편물".2. 패킷의 필요성 및 용도필요성:대역폭 효율성: 데이터를 작은 단위로 나눠 동시 다중 전송 가능.신뢰성: 전송 중 일부 데이터가 손실되더라도 재전송으로 복구 가능.라우팅 가능: 목적지까지 최적 경로를 선택해 전송.용도:이메일, 웹 요청/응답, 스트리밍, 파일 전송 등 모든 인터넷 통신.3. 패킷의 구조패킷 구성 요소:헤더 (Header): 메타정보.출발지/목적지 IP 주소.프로토콜 정보 (TCP/UDP 등).패킷 번호, 크기 등.페이로드 (Payload): 데이터 내용.사용자 데이터 (예: HTML, JSON, 이미지).트레일..

1. 쿠키와 세션쿠키 (Cookie):클라이언트(브라우저)에 저장되는 작은 데이터 조각.주로 사용자 인증 상태 유지, 사용자 설정 저장에 사용.특징:키-값 쌍으로 저장.만료 시간 설정 가능.서버와 클라이언트가 모두 접근 가능.단점:보안 취약점(탈취 가능성).브라우저 스토리지 공간 제한 (4KB).세션 (Session):서버에 저장되는 사용자 상태 정보.클라이언트는 세션 ID를 쿠키 또는 URL에 저장.특징:서버에서 관리하므로 보안성이 높음.사용자 접속 종료 시 데이터 삭제 가능.단점:서버 부하 증가.2. 쿠키와 세션의 발전 과정초기 단계:쿠키로만 사용자 상태 유지.브라우저에 모든 정보 저장, 보안 및 성능 이슈 발생.세션 도입:서버에서 상태 정보 관리, 보안 개선.사용자 데이터의 분리된 저장 가능.현대 ..

1. HTTP란?HTTP (HyperText Transfer Protocol):클라이언트와 서버 간 데이터를 주고받기 위한 프로토콜.무상태(stateless) 프로토콜로, 각 요청이 독립적으로 처리됨.주로 웹 브라우저와 웹 서버 간의 통신에 사용.2. HTTP와 HTTPSHTTP:평문(Plain Text) 통신, 보안 취약.HTTPS (HTTP Secure):HTTP에 SSL/TLS 암호화 적용.데이터를 암호화하여 보안을 강화.장점:데이터 도청 방지.데이터 변조 방지.사용자의 신뢰도 향상.3. HTTP 헤더와 바디 구조HTTP 요청/응답 구조:시작줄(Start Line): 요청 메서드(GET, POST 등)와 응답 상태코드(200, 404 등) 포함.헤더(Header): 메타데이터(클라이언트 정보, 콘텐..