웹 서버와 웹 사이트 차이는?
우리는 크롬이나 익스플로러, 사파리와 같은 '웹 브라우저'를 통해 정보를 전송 받거나 정보를 요청한다. 그 때 웹 브라우저로 부터 요청을 받아 정보를 전달하거나 웹프로그램을 작동하고 전송하는 것이 웹 서버 소프트웨어의 기능이다. 예를 들어 아파치, ngix, IIS, Google Web Server 등이 있다. 그리고 이러한 '서버 소프트웨어를 개발자' 입니다~ 할때는 이 웹 서버 응용프로그램을 개발한다는 뜻이고 유저에게 다양한 서비스를 제공 할 수 있다. PHP, C, c++, Java Servlet, JSP, Node.js등의 언어가 대표적이다.
웹이란?
웹은 영국출신 과학자 팀 버너스리 Tim Berners-Lee에 의해 발명되었다. 웹이 없는 당시에는 이메일과 ftp를 통하여 정보를 공유하고 있었다고 한다. 서로 다른 하드웨어와 소프트웨어에서도 좀 더 쉽게 공유하고 관리 할 수 있는 웹의 개념을 제안했고, 1990년에 월드 와이드 웹 프로젝트를 시작하여 서버-클라이언트로 작동되는 HTTP 모델과 HTML 언어를 개발 했다. 세계 최초로 웹 서버 그리고 웹 브라우저를 개발하였다. 또 이때 '하이퍼링크'가 삽입되어 클릭하면 거기에 연결된 문서로 넘어가는 하이퍼텍스트 개념을 처음으로 구현하였다. 또 HTML 파일에 다른 미디어 파일의 주소를 기재하면, 그 파일을 가지고 와서 TXT와 함께 출력되도록 만들었다. 텍스트와 하이퍼링크 미디어파일을 모두 포함하는 hypertext, 하이퍼 텍스트개념의 시초가 되었다.
웹의 장점
HTML 문서는 만들기가 쉽다. 단순하고 직관적이고 html 태그는 텍스트이기 때문에 어떠한 장치나 설치를 필요로 하지 않고 메모장 같은 아무 편집기로도 html 문서를 제작 및 수정이 가능하다. 또 우리가 웹 브라우저로 웹 페이지를 열었을때, 대부분의 경우에는 웹서버는 연결을 유지하지 않고 HTTP 세션 후에 브라우저와 연결을 끊고 다른 웹 브라우저의 요청을 처리해준다. HTTP 세션에 걸리는 시간이 매우 짧아서 웹 서버에 웹 브라우저가 많이 동시에 접속하더라도 효율적으로 통신하는 방식 덕분에 크게 문제되지 않는다.
웹 페이지의 구성 3요소
1. HTML 태그 2. CSS 언어 3. 자바스크립트
HTML 태그는 집의 구조이면 CSS는 다양한 스타일로 꾸밀 수 있는 인테리어이며, 자바스크립트는 집에 설치되어있는 기능이라고 들었다. 꽤 적절한 비유 인것 같다. HTML 같은 집이라 하여도 만드는 사람에 따라 인테리어나 기능이 다르다. HTML 태그는 웹페이지의 구조와 내용을 표현한다. <head></head> 헤드, <body></body>, <table></table>등 html 태그를 이용해서 헤더, 바디, 본문 표시 등을 지정 할 수 있다. CSS는 html로 작성된 코드가 웹브라우저에 출력되는 스타일을 표현한다. 글자 폰트나 색, 글 높이, 문단 여백, 테이블 굵기나 모양 등 다양한것을 조정할 수 있다. 자바스크립트는 정보를 보여주기만 하는 정적인 html과 달리 사용자의 입력에 따라 웹페이지를 동적으로 변하게 해준다. 또 게임이나 웹 프로그램으로 만드는데도 이용된다.
2018/05/02 - [ 컴알못/HTML] - 컴알못의 HTML 기초 - HTML 시작하기 (개발 환경 설정하기)
'STUDY > programing' 카테고리의 다른 글
| HTML5의 시맨틱 태그, 폼 태그 (1) | 2018.12.03 |
|---|---|
| HTML5 의 기본태그 총정리 (18) | 2018.11.29 |
| HTML5 란 ? (0) | 2018.11.28 |
| JSP 기초 : 게시판 만들기 9. main.jsp (249) | 2018.11.05 |
| JSP 기초 : 게시판 만들기 8. 글 수정 및 삭제 기능 (423) | 2018.10.25 |
| JSP 기초 : 게시판 만들기 7. 글 목록 및 뷰페이지 (442) | 2018.10.24 |