사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어. 웹페이지를 가져올 뿐만 아니라 웹 서버에 정보를 송신하기도 함. (대부분의 웹 서버가 사용하는 HTTP로 통신한다.)
- 웹 페이지의 파일포맷은 보통 HTML이 쓰이며 대부분의 브라우저는 HTML 외에도 JPEG, PNG, GIF 이미지 포맷들을 지원하며, 그밖에도 플러그인을 통해 확장할 수 있다.
- 웹 브라우저의 기능
> 주 역할 : 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는것.
> 검색 기능
- 페이지 보기/이동, 편집 등이 가능함
> 전자우편 기능
- 전자우편 작성, 송/수신 , 우편함 관리 또는 설정 가능
> 뉴스 기능
- 뉴스서버로부터 전송 받은 기사를 읽고, 저장할 수 있으며 인쇄 가능
> 보안기능
- 불건전한 정보를 차단해줌
- 브라우저의 기본 구조
> 사용자 인터페이스: 브라우저 화면에서 웹사이트가 표시되는 부분을 제외한 나머지 영역 (ex. 주소창, 이전/다음 버튼, 새로고침 버튼, 즐겨찾기 탭 등)
> 브라우저 엔진: 사용자 인터페이스와 렌더링엔진 사이의 동작을 제어
> 렌더링 엔진: 요청한 콘텐츠를 표시해줌. EX) html을 요청하면 html과 css를 파싱하여 화면에 표시함
> (네트워크)통신: 네트워크 호출 시 역할 수행 (ex. URL 입력 시, 해당 서버측과 HTTP 통신을 통해 웹페이지 소스를 받음)
> ui 백엔드: 콤보박스와 창 같은 기본적인 장치를 그려준다.
> 자바스크립트 해석기: 자바스크립트 코드를 해석하고 실행시켜줌
> 자료 저장소: 브라우저 자체적으로 관리할 데이터 저장공간 (ex. 쿠키, HTML5 표준인 IndexedDB, 크롬 브라우저의 Web SQL 등)
웹 브라우저의 기본구조
- 대표적 웹 브라우저
> 구글 크롬
> 사파리
> 인터넷 익스플로러
> 파이어폭스
> 오페라
- 문서를 클라이언트에게 보여주기 위한 서버.
위의 두가지 뜻이 존재하니 혼동하지 않도록 주의하여야 한다. (우리가 흔히 말하는 웹서버는 소프트웨어를 의미함.)
- 웹 서버의 기능
> 주기능 : 클라이언트( 웹브라우저 혹은 웹 크롤러 )가 요청하는 HTML 문서나 각종 리소스를 전달하는것
※ 클라이언트가 요청하는 리소스는 컴퓨터 내에 미리 저장된(HTML파일,이미지파일,JavaScript파일) 정적 데이터일수도 있고 웹서버에 있는 데이터를 가공처리하여 보여주는 동적 데이터 일수도 있다. 웹서버가 처리할 수 없는 동적 데이터 들은 *WAS에게 넘겨진다.
* WAS란 - 웹서버와 웹컨테이너의 결합으로 다양한 기능을 컨테이너에 구현하여 다양한 역할을 수행할 수 있는 서버. 클라이언트의 요청이 있을 떄 내부의 프로그램을 통해 결과를 만들어내고 그 결과를 다시 클라이언트에게 전달해주는 역할을 하는것이 웹컨테이너이다. (web은 컨테이너 기능이 불가능함.)
와이어 프레임 스토리보드 / HTTP (0) | 2020.05.13 |
---|---|
웹 퍼블리셔, 프론트엔드 개발자, 백엔드 개발자 차이 (0) | 2020.05.13 |
자바스크립트와 제이쿼리 (0) | 2020.05.13 |
box-sizing에 대해서 (0) | 2020.05.13 |
z-index에 대해서 (0) | 2020.05.13 |