본문 바로가기

분류 전체보기

(124)
[WEB] 웹 서버 웹 서버란?웹 서버는 소프트웨어 또는 웹서버 소프트웨어가 동작하는 컴퓨터를 말한다.웹 서버의 가장 중요한 기능은 클라이언트가 요청하는 HTML문서나 각종 리소스를 전달하는 것이다.웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장되어 있는 정적인 데이터이거나 동적인 결과일 수 있다. 웹 서버와 웹 브라우저 간의 통신웹브라우저와 웹서버 간에는 보통 HTTP를 통해서 통신을 한다.※ 주요 흐름1. 웹 서버는 사용자가 요청한 HTML문서를 웹 브라우저에게 전달한다.2. 웹 브라우저는 웹 서버로부터 전송받은 HTML문서를 읽어들인 후에 해석을 한다.3. HTML문서를 알맞게 보여주기 위해서 필요한 리소스들에 대해서 URL을 추출해낸다.4. 웹 서버에게 동시에 여러 개의 리소스를 요청하게 된다.5. 웹 서..
[WEB] Browser 동작 방식 Browser란?WWW에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어. Browser의 주요 기능HTML, CSS 등의 파일을 해석하여 화면에 표시한다.자원은 일반적으로 HTML 문서이지만 이미지 등 다른 유형의 콘텐츠일 수도 있으며, 자원의 위치는 URI를 이용하여 사용자가 지정한다. Browser의 구조1. 사용자 인터페이스(User Interface)주소 표시줄, 뒤로/앞으로 가기 버튼, 북마킹 메뉴 등이 포함된다. 2. 브라우저 엔진(Browser Engine)UI와 렌더링 엔진 간의 작업을 마샬링한다.※ 마샬링 한 객체의 메모리에서의 표현방식을 저장 또는 전송에 적합한 다른 데이터 형식으로 변환하는 과정이다. 또한 이는 데이터를 컴퓨터 프로그램의 서로 다른 부분 간에 혹은 한 프로그램에서 ..
[WEB] 프론트엔드, 백엔드 프론트엔드(Front-End)사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공하며, 사용자의 요청에 반응해서 동작한다.클라이언트의 입장에서 개발이 진행된다. (Client Side)HTML - 구조CSS - 디자인JavaScript - 동작 - HTML12345678910 hello hello HTML5! cs - CSS123456789101112#spotNonExist { width: fit-content; margin: 0 auto; font-size: 20px; text-align: center;}.my-content { display: inline-block; width: 250px; margin: 20px 5px; cursor: pointer;}cs - JavaScript12..
[WEB] 웹 동작 방식 인터넷(네트워크 통신)의 이해WWW(World Wide Web)이 인터넷의 전부는 아니다.인터넷(Internet) : TCP/IP 기반의 네트워크가 전세계적으로 확대되어 하나로 연결된 네트워크의 결합체물리적인 하나의 컴퓨터에는 여러 개의 서버가 동작할 수 있음. 각각의 서버들은 포트라는 값으로 구분되어 동작한다.이름프로토콜 포트 기능 WWW HTTP 80 웹 Email SMTP/POP3/IMAP 25/110/114 이메일FTP FTP 21 파일 전송 DNS DNS 23 네임NEWS NNTP 119 인터넷 뉴스 HTTP(Hypertext Transfer Protocol)란?서버와 클라이언트가 인터넷 상에서 데이터를 주고받기 위한 프로토콜로 팀 버너스리에 의해 발명되었다.팀 버너스리는 CERN에서 HTML뿐..