뚝딱햄 탈출기

HTTPHTTP(HyperText Transfer Protocol)는 클라이언트와 서버 간의 통신을 위한 프로토콜이다.다양한 메소드를 제공하여 요청과 응답을 처리한다.HTTP 메소드를 사용해 클라이언트는 웹 서버에 대해 원하는 동작을 지시(요청)하고, 서버는 해당 동작에 따른 응답을 제공한다.HTTP 요청 메서드로는 GET, POST, PUT, PATCH, DELETE, HEAD, CONNECT, OPTIONS, TRACE가 있다.https://developer.mozilla.org/ko/docs/Web/HTTP/Methods ← 여기서 각 메서드에 대한 설명 확인모든 HTTP 요청 메시지는 한개의 메서드를 갖는다.GET vs. POST목적GET클라이언트가 서버로 특정 리소스(문서, 이미지 등)를 요청하..

브라우저의 동작 원리주소창에 url을 입력하고 엔터키를 치면?DNS 조회 (도메인 이름 → IP 주소)웹 브라우저는 사용자가 입력한 URL 주소를 분석해 도메인 이름(www.naver.com)을 찾은 후 DNS를 통해 도메인 이름을 IP 주소로 변환한다.TCP 연결웹 브라우저는 DNS에서 반환된 IP 주소로 TCP 연결을 시도한다.HTTP 요청해당 IP 주소로 HTTP GET 요청 메시지를 전송한다.웹 서버는 IP 주소로 식별된다. ⇒ 브라우저가 서버로 HTTP 요청을 보낸다!서버 응답웹 서버는 HTTP 요청을 처리하고 HTTP 응답 메시지를 보낸다.이 응답은 요청에 대한 상태 코드, 응답 헤더 및 본문으로 구성된다.응답 메시지의 본문에 HTML 문서, 이미지, 스크립트와 같은 웹 페이지의 실제 콘텐츠가..

BOM (Browser Object Model)브라우저의 창이나 프레임을 프로그래밍적으로 제어할 수 있게 해주는 객체모델 이다.이를 통해서 브라우저의 새 창을 열거나 다른 문서로 이동하는 등의 기능을 실행시킬 수 있다. 전역객체로 window 가 있으며 하위 객체들로는 location, navigator, document,  screen, history 가 포함되어 있다.DOM (The Document Object Model)DOM은 HTML같은 문서의 구조와 정보를 나타내는 트리 형태의 자료구조이다.위에서부터 아래로 순차적으로 탐색여러 요소를 수정해야 한다면 비효율적이다.DOM API를 통해 DOM 구조에 접근해서 조작할 수 있다.DOM API란 DOM을 조작하는 데 사용되는 프로퍼티와 메소드들의 집합..

jQuery란? HTML 요소들을 조작하는 편리한 JavaScript 라이브러리. JavaScript와 다른 특별한 소프트웨어가 아니라 미리 작성된 코드를 모아둔 것이다. (라이브러리니까!) 직접 JS 코드를 작성해 모든 기능을 구현할 수도 있으나, 이 경우 코드가 복잡하고 브라우저 간 호환성을 직접 고려해야 하는 등의 문제가 있으므로 전문 개발자가 작성한 라이브러리를 가져와 사용하면 편리하다. jQuery 사용법 jQuery를 사용하려면 미리 작성된 JavaScript 코드를 임포트해와야 한다. 내 컴퓨터에 해당 파일을 저장해 사용할 수도 있으나, 부트스트랩 CSS 파일을 가져올 때와 마찬가지로 온라인 상의 파일을 참조할 수도 있다. 내에 아래 코드를 넣으면 된다. (부트스트랩을 쓸 때 이미 임포트해왔..