Programming/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)라고 하는 클라이언트 소프트웨..

[HTML] [CSS] [Bootstrap] 웹 연습

Logo HOME BAND TOUR New Your The atomsphere in New Your is lorem ipsum. Chicago Thank you, Chicago - A night we won't forget. Los Angeles Even though the traffic was a mess, we had the best time playing at Venice Beac. THE BAND We love music! What if we didn't have no pop If the popsong writers just gave up Popsong supplyment would stop That would be something And the popsong singer might just s..

동적 웹페이지

정적 웹페이지 vs 동적 웹페이지 정적 웹페이지(static web page)는 서버에 저장 되어있는 HTML + CSS 파일 그대로 보여주는 것이다. 반면 동적 웹페이지(dynamic web page)는 상황에 따라 서버에 저장 되어있는 HTML에 데이터 추가/가공을 해서 보여주는 방법이다. 정적 웹페이지는 추가적인 통신&계산이 필요 없기 때문에 속도가 빠르고 서버에 부담이 적은 반면, 추가/수정/삭제 등 내용 변경이 필요할 때 HTML 자체를 수정해야하기 때문에 번거롭다는 단점이 있다. 동적 웹페이지는 한 페이지에서 상황/시간/사용자요청에 따라 다른 모습을 보여줄 수 있다는 장점이 있지만 상대적으로 보안에 취약하고 모습이 계속 변하기 때문에(많은 경우 주소도 같이 변한다.) 검색 엔진 최적화(sear..

웹 페이지 구성

웹 페이지 구성 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이라고 불리는 프로젝트를 시작하였다. 이 프로젝트에서 서버-클라이언트..