상세 컨텐츠

본문 제목

웹 브러우저와 웹 서버

공부 요점 정리

by ssw0428 2020. 5. 13. 22:32

본문

* 웹 브라우저란

 사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어. 웹페이지를 가져올 뿐만 아니라 웹 서버에 정보를 송신하기도 함. (대부분의 웹 서버가 사용하는 HTTP로 통신한다.)

 

 - 웹 페이지의 파일포맷은 보통 HTML이 쓰이며 대부분의 브라우저는 HTML 외에도 JPEG, PNG, GIF 이미지 포맷들을 지원하며, 그밖에도 플러그인을 통해 확장할 수 있다.

 

 - 웹 브라우저의 기능

  > 주 역할 : 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는것.

 

  > 검색 기능

   - 페이지 보기/이동, 편집 등이 가능함

  > 전자우편 기능

   - 전자우편 작성, 송/수신 , 우편함 관리 또는 설정 가능

  > 뉴스 기능

   - 뉴스서버로부터 전송 받은 기사를 읽고, 저장할 수 있으며 인쇄 가능

  > 보안기능

   - 불건전한 정보를 차단해줌

 

 - 브라우저의 기본 구조

  > 사용자 인터페이스: 브라우저 화면에서 웹사이트가 표시되는 부분을 제외한 나머지 영역 (ex. 주소창, 이전/다음 버튼, 새로고침 버튼, 즐겨찾기 탭 등)

  > 브라우저 엔진: 사용자 인터페이스와 렌더링엔진 사이의 동작을 제어

  > 렌더링 엔진: 요청한 콘텐츠를 표시해줌. EX) html을 요청하면 html과 css를 파싱하여 화면에 표시함

  > (네트워크)통신: 네트워크 호출 시 역할 수행 (ex. URL 입력 시, 해당 서버측과 HTTP 통신을 통해 웹페이지 소스를 받음)

  > ui 백엔드: 콤보박스와 창 같은 기본적인 장치를 그려준다.

  > 자바스크립트 해석기: 자바스크립트 코드를 해석하고 실행시켜줌

  > 자료 저장소: 브라우저 자체적으로 관리할 데이터 저장공간 (ex. 쿠키, HTML5 표준인 IndexedDB, 크롬 브라우저의 Web SQL 등)

 

 

웹 브라우저의 기본구조

 

- 대표적 웹 브라우저

> 구글 크롬

> 사파리

> 인터넷 익스플로러

> 파이어폭스

> 오페라

 


 

*웹 서버란

 

 - 문서를 클라이언트에게 보여주기 위한 서버.

 

  • 소프트웨어: 웹 브라우저 클라이언트로부터 HTTP 요청을 받아 정적인 컨텐츠 (html, css, jpeg 등)를 제공하는 컴퓨터 프로그램
  • 하드웨어: 웹 서버가 설치되어있는 컴퓨터 자체

위의 두가지 뜻이 존재하니 혼동하지 않도록 주의하여야 한다. (우리가 흔히 말하는 웹서버는 소프트웨어를 의미함.)

 

 

- 웹 서버의 기능

 >  주기능 : 클라이언트( 웹브라우저 혹은 웹 크롤러 )가 요청하는 HTML 문서나 각종 리소스를 전달하는것

 

 ※ 클라이언트가 요청하는 리소스는 컴퓨터 내에 미리 저장된(HTML파일,이미지파일,JavaScript파일) 정적 데이터일수도 있고 웹서버에 있는 데이터를 가공처리하여 보여주는 동적 데이터 일수도 있다. 웹서버가 처리할 수 없는 동적 데이터 들은 *WAS에게 넘겨진다.

 

 * WAS란 - 웹서버와 웹컨테이너의 결합으로 다양한 기능을 컨테이너에 구현하여 다양한 역할을 수행할 수 있는 서버. 클라이언트의 요청이 있을 떄 내부의 프로그램을 통해 결과를 만들어내고 그 결과를 다시 클라이언트에게 전달해주는 역할을 하는것이 웹컨테이너이다. (web은 컨테이너 기능이 불가능함.)

관련글 더보기