Interlude/Web Hacking Study 4

[dreamhack] Stage 2: Web Browser

웹브라우저 :뛰어난 이용자 경험(User eXperience, UX)을 제공하는 소프트웨어 중 하나 이용자가 주소창에 특정 주소를 입력했을 때 웹 브라우저가 하게 되는 기본적인 동작 웹 브라우저의 주소창에 입력된 주소를 해석 (URL 분석) 해당하는 주소 탐색 (DNS 요청) ... HTTP를 통해 입력 주소에 요청 입력 주소의 HTTP 응답 수신 리소스 다운로드 및 웹 렌더링 (HTML, CSS, Javascript) URL(Uniform Resource Locator) : 웹에 있는 리소스의 위치를 표현하는 문자열 : Scheme, Authority (Userinfo, Host, Port), Path, Query, Fragment 등으로 구성 Host :웹 브라우저가 접속할 웹 서버의 주소 : Dom..

[DREAMHACK] 1. Background: WEB

1. WEB WEB : HTTP를 이용해 정보를 공유하는 서비스 -웹 서버: 정보 제공 주체 -웹 클라이언트: 정보 받는 이용자 *이때 HTTP는 웹상에서 서로 통신하기 위해 정해둔 일종의 규칙 웹 서비스 : 현재의 웹 서비스는 이용자의 요청을 해석하고 가공해 필요한 정보와 기능을 제공하는 능동형 서비스 ㄴ프론트엔드 : 이용자의 요청을 받는 부분 : 웹리소스로 구성됨-페이지가 보여주고 있는 정보들이 명시되어 있음 ex. 페이지에 담긴 글, 글자 색깔, 모양 등 ㄴ백엔드: 요청을 처리하는 부분 웹 리소스 : 웹에 갖춰진 정보 자산 : 모든 웹 리소스는 고유의 URI를 가지고, 이를 통해 식별됨 ㄴ대표적인 웹 리소스? -HTML: 태그와 속성을 통한 구조화된 문서 작성 지원 -CSS: 웹 문서의 생김새를 지..

[DREAMHACK] 1. Background-HTTP/HTTPS

1. HTTP(HyperText Transfer Protocol) HTTP: 서버와 클라이언트의 데이터 교환을 요청(Request)과 응답(Response) 형식으로 정의한 프로토콜 HTTP의 기본 메커니즘: 클라이언트가 서버에게 요청하면 서버가 응답하는 것 네트워크 포트 : 네크워크에서 서버와 클라이언트가 정보를 교환하는 추상화된 장소 -> 클라이언트가 서버의 포트에 접근해 데이터를 내려놓고 서버가 클라이언트네 보낼 데이터를 실어서 돌려보내는 장면을 연상해보자! ㄴ 서비스 포트 : 네크워크 포트 중 특정 서비스가 점유하고 있는 포트 Well-known port : 0번~1023번 포트 : 잘 알려진 포트에 서비스를 실행하려면 관리자 권한이 필요하다! HTTP 메세지 : 클라이언트는 HTTP 요청을, 서..