web
[Web] 웹(Server, Front-end, Back-end)
클라이언트-서버 구조 웹 서비스를 제공하기 위해서는 서버(Server) 컴퓨터와 서버에서 동작하는 여러 프로그램이 필요하다. 이때 서버에서 동작하는 프로그램 영역을 백엔드(Back-end)라고 한다. 서비스를 이용하는 쪽은 클라이언트(Client)라고 한다. 클라이언트는 스마트폰, 데스크톱이 될 수 있으며 자동차, TV, 냉장고 등에서도 인터넷과 웹 사용이 가능하기 때문에 이러한 기기까지도 클라이언트로 볼 수 있다. 클라이언트에서 웹 서비스를 이용하려면 웹 브라우저라고 하는 소프트웨어가 필요하며 클라이언트에서 동작하는 프로그램 영역을 프론트엔드(Front-end)라고 한다. 웹 프로그래밍의 구조 클라이언트 : 웹 서비스를 이용하는 사용자이다. 서버 : 웹 서비스를 제공하기 위한 서비스 공급자이다. 프런트..
[Web] 웹(Network, TCP/IP, Internet, Protocol, Port, DNS)
웹의 특징 인터넷은 컴퓨터 네트워크망을 의미하고, 웹은 인터넷 서비스 중 하나를 의미한다. 웹은 인터넷상의 정보를 하이퍼텍스트 방식과 멀티미디어 환경에서 검색할 수 있게 해주는 정보 검색 시스템을 의미한다. 웹은 HTTP 프로토콜을 사용하며 HTML로 작성된 문서를 연결하여 다양한 콘텐츠를 제공한다. 웹 서비스는 많은 사람들이 정보를 쉽게 공유하고 접근할 수 있도록 하는 것을 목적으로 한다. 웹의 동작 구조 HTML로 만들어진 콘텐츠는 '웹 서버(Web Server)'라고 하는 별도의 서버 소프트웨어를 통해 서비스로 제공되며 웹 서버 소프트웨어로는 아파치(Apache)가 대표적이다. 또한 웹 서비스를 요청한 클라이언트에서 서비스를 이용하려면 웹 브라우저(Web Browser)라고 하는 클라이언트 소프트웨..
웹 페이지 구성
웹 페이지 구성 3요소 웹페이지에는 다음 3요소가 결합되어 있다. 웹 페이지의 구조와 내용 - HTML 태그로 작성 웹 페이지의 모양 - CSS(Cascading Style Sheet)로 작성 웹 페이지의 행동 및 응용 프로그램 - Javascript로 작성 첫 번째 요소는 웹 페이지의 문서 구조와 내용이다. 웹 문서에는 제목과 본문이 있고, 본문은 1장, 2장 등 장으로 구분하고, 각 장은 다시 1절, 2절 등 절로 구분된다. 본문은 여러 문단으로 나뉘며, 문단은 텍스트, 이미지, 표 등을 포함한다. 문서에는 머리말이나 꼬리말, 주석 등을 달기도 한다. 이들은 모두 HTML 태그로 작성한다. 두 번째 요소는 웹 페이지의 출력 모양이다. 웹 페이지의 제목, 장, 절의 글자 크기와 색, 배경색 등을 지정하..
웹의 시작과 성공
웹의 시작 웹은 스위스에 있는 유럽핵물리입자연구소의 CERN에서 비정규 계약직으로 일하던, 영국 출신의 과학자 팀 버너스리(Tim Berners-Lee)의 아이디어에서 시작되었다. 1980년 CERN에서는 약 10,000명의 연구원이 서로 다른 하드웨어, 소프트웨어 환경에서 일하고 있었고, 정보를 교환하기 위해 e-mail과 파일 전송(ftp)이라는 불편한 방법을 사용하고 있었다. 이때 팀 버너스리는 정보 교환을 편리하게 해주는 인콰이어 (ENQUIRE) 소프트웨어를 개발하였다. 1989년 그는 잠시 CERN을 떠났다가 다시 돌아와서, 정보를 쉽게 공유하고 관리할 수 있는 웹의 개념을 제안하고, 급기야 1990년에 WorldWideWeb이라고 불리는 프로젝트를 시작하였다. 이 프로젝트에서 서버-클라이언트..
웹 페이지의 주소, URL/웹 브라우저와 웹 서버 사이의 통신, HTTP
웹 페이지의 주소, URL 웹 브라우저가 웹 사이트에 접속하면 웹 사이트는 대표 웹 페이지를 웹 브라우저에게 보낸다. 대표 웹 페이지를 디폴트 웹 페이지라고도 부르며, 그 이름은 웹 서버의 설정 사항으로서 index.html, default.html 등이 주로 사용된다. 웹 페이지는 확장자가 .html인 텍스트 파일로 작성된다. 웹 페이지의 이름이나 주소는 웹 서버의 주소와 웹 페이지 파일의 경로명으로 구성된다. 웹 페이지는 이미지, 동영상 등 인터넷 자원의 주소를 표현하는 URL(Uniform Resource Locator)로 표현하며 사례는 아래와 같다. URL의 각 요소를 간단히 설명하면 다음과 같다. 프로토콜 - http, https, file, ftp,telnet, mailto, news 등 서..
웹 문서와 전자 문서의 차이
워드(MS Word)나 한글, 메모장(Notepad) 등으로 작성된 문서를 종이 문서와 구분하여 전자 문서(electronic document)라고 부르며, 컴퓨터에서 문서라고 하면 전자 문서를 지칭한다. 전자 문서는 위 그림 왼쪽 '웹 보고서'처럼 여러 페이지로 구성되지만 보통 하나의 파일에 저장된다. 또한 문서 파일 내에 텍스트, 이미지, 그래픽 등이 통합되어 저장된다. 그러므로 전자문서를 보낼 때 문서 파일 하나만 있으면 된다. 한편, 웹 문서는 HTML(HyperText Markup Language) 언어로 작성하며, 간단히 HTML 문서라고 부르고 다음과 같이 전자 문서와 다른 여러 특징을 가진다. -첫째, 웹 문서는 위 그림 오른쪽과 같이 페이지 단위로 분할된다. 웹 문서의 기본 단위는 웹 페..