[작성일: 2023. 02. 05]
Web
웹의 기본 목적
- 다른 컴퓨터에서 문서를 공유하거나 보는 목적
웹의 구조
- 인터넷을 활용하여 거미줄처럼 연결
- WWW(World Wide Web)
- 웹 문서를 인터넷상의 컴퓨터끼리 주고받는 네트워크 시스템
웹의 구성
- 웹 서버: 웹 클라이언트
- 클라이언트
- 사용자의 인터페이스 담당
- 웹 서버에 웹 문서를 요청함.
- 웹 서버
- 웹 사이트를 탑재한 컴퓨터
- 웹 문서, 이미지, 동영상 등 데이터를 저장
- 웹 컨테이너
- 동적인 데이터 요청이 들어왔을 때 서버가 연산을 요청하는 곳
- 이후 연산이 끝나면 정제된 데이터(JSP, Servlet)로 서버에 돌려줌.
- WAS(Web Application Server)
- 서버 + 컨테이너
- 가장 유명한 것은 Apache Tomacat
웹의 성공
- Tim berner-Lee의 아이디어
- 1990년 WWW 프로젝트 시작
- 서버와 클라이언트로 동작하는 http 모델 창시
- 웹 페이지는 텍스트 문서 > 편집기는 아무거나 사용 가능
- http
- 웹 브라우저가 웹 페이지를 다 전송받고 나면 웹 서버와 접속을 끊음.
- 웹 서버와 웹 브라우저의 작업 분담
- 웹 서버의 낮은 부하로 많은 동접자 지원
웹 접근성
- 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근
- 마우스가 없어서 키보드로만 조작해야 하는 상황, 신체적 장애로 특수 환경에서 접속하거나 모바일 환경에서 접속하는 경우 등을 모두 충족해야 함.
인터넷(Internet)
- 웹의 개념이 나오기 전 만들어진 컴퓨터 연결 네트워크
- 1969년 미 국방성 고등 연구 계획국(ARPA)
- 여러 대학교와 계약 업체 사이의 컴퓨터 연결
- 컴퓨터마다 고유한 주소(IP 주소)를 부여하여 컴퓨터 구분
WWW
- 인터넷을 활용하는 응용 서비스 중 하나
- 웹 서버와 웹 브라우저로 구성되는 정보 전달 및 공유 서비스
- 인터넷은 고속도로, 웹은 물류배송
웹 브라우저
- 웹 페이지의 구성(구조)과 내용 : HTML
- 웹 페이지의 모양 : CSS(Cascading Style Sheet)
- 웹 페이지의 행동 및 응용 : Javascript
| 웹 브라우저 | 설명 |
| Nescape Navigator | 일반인도 쉽게 사용 가능한 GUI를 갖는 최초의 브라우저 |
| Internet Explorer | 1995년 마이크로 소프트에서 개발 윈도우 운영체제와 같이 배포 순식간에 Netscape를 잠식함. |
| Opera | 프로그램 크기가 작고 렌더링이 빠름 |
| Safari | 2003년 Apple에서 개발 Mac OS, 모바일 ios에서 실행 |
| FireFox | 2002년 개발 웹표준기구(W3C)의 표준에 가장 충실함. Netscape가 개발하고 소스 공개함. |
| Chrome | 2008년에 구글에서 개발함. 현재 가장 많이 사용되는 웹 브라우저 |
| Microsoft Edge | Microsoft가 IE를 포기하고 Chromium을 인수하여 확장 개발한 브라우저 |
HTML5
- 표준화된 태그로 웹 페이지를 작성하는 언어(프로그래밍 언어는 아님)
- <img>, <hr>, <table>, <li>
- 비표준 기술의 혼재, 웹 브라우저의 비호환성
- ActiveX, 플러그인, 플래쉬 등 비표준 기술 난립
- 인터넷 기기의 다양화
- PC, Mobile 등에서 모두 웹 사용, 기존 페이지가 모바일에서 작동하지 않음.
- 새로운 웹 표준의 필요성 > HTML5 + CSS3
HTML과 웹 표준
| HTML(HyperText Markup Language) | 웹 페이지에서 다른 페이지로 이동할 수 있게 하는 마크업 언어 마크업 언어란? > 태그 방식으로 문서나 데이터의 구조를 기술하는 언어 |
| CSS(Cascading Style sheet) | 구체적으로 어떤 스타일로 요소가 표시되는지를 정하는 규격 HTML로 문서 구조 및 꾸미기를 할 수는 있지만, 동일한 디자인을 사용한 페이지가 여러 개 있다면 변경 시 모두 수정해야 하는 번거로움이 있음. |
| XHTML(Extensible HTML) | XML 기반으로 만들어졌으며 지원되지 않는 브라우저가 존재함. |
| XML(Extensible Markup Language) | 태그로 데이터를 설명 |
인코딩
- EUC-KR : 완성형 / 만들어져 있는 글자를 찾아서 사용함.
- UTF-8 : 조합형 / 글자를 만들기 위한 요소들을 찾아서 사용함.
🐣 해당 게시글은 입문 개발자가 요약/정리한 글이므로 틀린 내용이나 오타가 있을 수 있습니다.