Web/Html
월드와이드웹과 HTML 기초
J2Hong2
2022. 2. 8. 17:32
HTML이란 Hyper Text Markup Language의 약자로 **월드 와이드웹(World Wide Web)**에서 사용하는 마크업(Mark up) 언어이다.
💡 마크업(Mark up) : 어떠한 문서 안의 정보가 어떻게 구조화되었는가를 지정하는 언어
- 마크업 언어는 기본적으로 문서의 구조 형식을 태그(Tag)를 사용하여 지정.
HTML 특징
- 웹 표준으로 지정된 것을 들 수 있다.
- 웹 표준은 W3C 에서 정하는 것으로 웹에서 표준적으로 사용하는 기술을 총칭하는 말
- 수정과 관리가 용이하고, 웹 접근성 향상, 파일 축소로 인하여 서버 저장 공간 절약, 여러 버전의 브라우저 등에서도 호환성이 확보
- HTML은 마크업 언어라는 것
- 마크업 언어는 간단한 태그를 붙임으로 문서의 형식을 규정하기 때문에 용량이 작아 서버와 클라이언트 사이에 문서를 상당히 빠르게 전달 할 수 있음
- 일반적인 텍스트 파일로 이루어져 있음
- 특별한 프로그램이 아닌 메모장 같은 에디터로도 충분히 HTML 문서를 작성할 수 있다.
- 컴퓨터 시스템이나 운영체제에 독립적이다.
- 많은 문서들이 특정 프로그램에서만 열리도록 되어 있지만 HTML 문서는 어떤 시스템이나, 운영체제든지, 어떤 브라우저에서도 쉽게 볼 수 있다.
01: 월드와이드웹(WWW: World Wide Web)
월드와이드웹은 대표적인 인터넷 서비중 하나로 언제 어디서나 접속 가능한 정보 서비스
월드와이드웹은 1989년 유럽물리입자연구소(CERN)의 팀 버너스-리에 의해 개발되어 보편적인 인터넷 서비스로 확대되었습니다. 인터넷은 전세계를 하나로 연결해주는 물리적인 네트워크망으로 TCP/IP라고 하는 통신프로토콜(규약)에 의해 동작 합니다.
- 웹은 인터넷 상의 정보를 하이퍼텍스트방식과 멀티미디어 환경에서 검색할 수 있게 해주는 정보 검색 시스템입니다.
- 웹 서비스의 목적은 많은 사람들이 정보를 쉽게 공유하고 접근할 수 있도록 하는 것입니다.
- 웹은 전 세계 컴퓨터를 연결하며 HTTP 프로토콜을 사용하고 HTML로 작성된 문서를 연결하여 멀티미디어 서비스를 제공합니다.
- 인터넷은 컴퓨터 네트워크 망을 의미하고, 웹은 인터넷 서비스입니다.
- 홈페이지는 특정 월드와이드웹 서비스의 시작 화면을 의미 합니다. 예를 들어 네이버에 접속하면 나오는 화면이 바로 홈페이지 입니다.
웹 프로그래밍 구조
월드와이드웹 서비스를 제공하기 위해서는 서버(Server) 컴퓨터와 서버에서 동작하는 일련의 프로그램들이 필요 합니다. 서버에서 동작하는 프로그램 영역을 백엔드(Backend) 라고 합니다.
서비스를 이용하는 쪽은 클라이언트(Client) 라고 하며 클라이언트는 스마트폰, 데스크탑 이 대표적입니다. 최근에는 냉장고나 TV에도 인터넷 접속을 위한 모니터가 탑재되어 있는 경우도 있습니다. 클라이언트에서 월드와이드웹 서비스를 이용하려면 웹브라우저 라고 하는 소프트웨어가 필요하며 클라이언트에서 동작하는 프로그램 영역을 프론트엔드(Frontend) 라고 합니다.
- 클라이언트: 웹서비스를 이용하는 사용자
- 서버: 웹서비스를 제공하기 위한 서비스 공급자
- 프론트엔드 프로그래밍: 클라이언트 중심의 프로그래밍 -> HTML, JavaScript, CSS
- 백엔드 프로그래밍: 서버를 구성하고 서비스를 제공하기 위한 프로그래밍 -> 웹서버SW, 웹프레임워크, 데이터베이스
🧚♂️왜 HTML5와 CSS3를 공부해야 할까?
- 최신 웹 표준에 맞는 웹 사이트를 제작할 수 있다.
- 앱 화면을 디자인하기 위한 기초이다.
- Interactive한 사이트를 만들 수 있다.
- 소스를 이해해 웹 사이트와 블로그를 수정하기 쉽다.