1.웹 그 자체의 이해

kimjaehyeon221/web1: 생활코딩 web1 수업 따라가기 (github.com)

생활코딩님의 강의를 수강하실 때 필요하시다면 저의 깃허브를 참고해주세요

GitHub - kimjaehyeon221/web1: 생활코딩 web1 수업 따라가기

 

 

생활코딩 강의 중에서 중요한 강의 들은 영상 말고 글을 제공합니다. 

빠른 학습을 원하신다면 글로 학습하시길 권합니다.

https://opentutorials.org/course/3084

WEB1 - HTML & Internet - 생활코딩

 

 

Html 개념에 대해 알고있으신 분이라면 이 부분부터 수강을 하시면 좋을 듯 합니다. 

인터넷을 여는 열쇠 : 서버와 클라이언트 - 생활코딩 (opentutorials.org)

인터넷을 여는 열쇠 : 서버와 클라이언트 - 생활코딩

웹

문자-영상-음향-비디오정보"를 한꺼번에 제공하는 멀티미디어 서비스를 말한다. 인터넷을 통해 웹에 들어가 웹정보를 검색케 해주는 프로그램을 "웹 브라우저(Web Browser)"라고 한다. 웹 서비스를 제공하는 기관이나 장소를 "웹 사이트(Web Site)", 웹 서비스를 제공하는 호스트컴퓨터를 "웹 서버(Web Server)"라고 한다. "홈페이지"는 각각의 웹 사이트에 들어갈 때 처음 나타나는 초기 화면을 가리킨다.

[네이버 지식백과] 웹 [Web] (한경 경제용어사전)

 

웹 브라우저 (웹브라우저를 다른 말로는 웹 클라이언트)

웹페이지를 보여주는 프로그램

웹 브라우저(web browser)는 인터넷망에서 정보를 검색하는 데 사용하는 응용 프로그램을 말한다. 브라우저 혹은 인터넷 브라우저라고 부르기도 한다. 이를 통해 사용자들은 영상을 보거나 메일을 주고 받고 다양한 자료를 올리고 내려 받는 등 다양한 활동이 가능하다. 일반적인 기능으로는 웹 페이지 열기, 최근 방문한 인터넷 주소(URL) 및 즐겨찾기 제공, 웹페이지 저장 기능 등이 있다.

[네이버 지식백과] 웹 브라우저 - 웹페이지를 보여주는 프로그램 (용어로 보는 IT, 강일용, IT 동아)

 

웹 서버

웹 콘텐츠를 저장하거나 처리하는 컴퓨터 또는 소프트웨어. 일반적으로 웹 서버가 되는 컴퓨터에 설치되는 소프트웨어를 말한다.

웹 서버 소프트웨어는 HTTP 프로토콜을 통해 클라이언트(웹 브라우저)의 요청 정보를 받아 처리하고 그 결과를 다시 클라이언트에 보낸다. 클라이언트가 요청하는 자원(리소스)을 URL(Uniform Resource Locator) 형태로 받아 내부 파일 시스템과 매핑하여 처리하거나, URL과 입력 값(예: 로그인 화면의 아이디, 패스워드 등)을 함께 받으면 사전에 약속된 처리를 한 후 그 결과를 클라이언트에 전달한다.
대표적인 웹 서버로는 아파치(Apache), 엔진엑스(nginx), 마이크로소프트사의 IIS(Internet Information Services) 등이 있다.

[네이버 지식백과] 웹 서버 [web server] (IT용어사전, 한국정보통신기술협회)

 

웹호스팅

인터넷에 연결된 컴퓨터 하나 하나를 호스트라고 합니다. 이런 컴퓨터를 빌려주는 사업을 호스팅이라고 합니다. [생활코딩] 웹 호스팅이란 컴퓨터전문업체로부터 자원의 일부를 임대받아 웹 사이트를 구축하는 것을 말한다. 즉, 인터넷상에서 정보를 제공하기 위해서는 웹 사이트를 구축할 수 있을 만한 성능을 가진 컴퓨터와 통신회선과 소프트웨어를 갖추는 비용이 적지 않게 들어간다. 따라서, 비용 때문에 독립적인 인터넷 서버를 운영하기 어려운 중소기업들에게 인터넷 서비스 제공업체(ISP)를 통하여 웹 서버를 임대해 줌으로써, 자체 도메인을 갖게 해 주는 서비스를 말한다. 웹 호스팅 서비스를 이용하면 ISP가 보유하고 있는 고속 인터넷 백본에 직접 서버를 연결, 빠르게 정보를 제공할 수 있다. 웹 호스팅 서비스는 전문인력을 투입하지 않고도 저렴한 비용으로 홈페이지를 관리할 수 있을 뿐만 아니라 ISP가 제공하는 홈페이지와 연결하여 이곳을 방문하는 이용자들을 대상으로 홍보 효과를 높일 수 있다는 장점이 있다. 웹 호스팅 서비스는 홈페이지 관리뿐 아니라 전자결재 등의 기능을 지원하는 인트라넷 환경을 구축하고 관리해 주는 등 가상 인트라넷 서비스로 발전하고 있다.

[네이버 지식백과] 웹호스팅 (매일경제, 매경닷컴)

 

깃허브

깃허브 (GitHub)웹사이트표어영리여부사이트 종류회원 가입사용 언어소유자시작일현재 상태

깃허브(GitHub, /'ɡɪtˌhʌb/, 원래 이름: Logical Awesome LLC)[1]는 분산 버전 관리 툴인 깃 (Git)저장소 호스팅을 지원하는 웹 서비스이다. 루비 온 레일스로 작성되었다. GitHub는 영리적인 서비스와 오픈소스를 위한 무상 서비스를 모두 제공한다. 2009년의 Git 사용자 조사에 따르면 GitHub는 가장 인기있는 Git 저장소 호스팅 서비스이다.[2] 또한 2011년의 조사에서는 가장 인기있는 오픈 소스 코드 저장소 호스팅 서비스로 꼽혔다. (위키백과, 우리 모두의 백과사전.)

 

 

Github의 web hosting 서비스를 이용하여 홈페이지 운영하는 방법을 삽입해두려 한다. 

웹호스팅 (github pages) - 생활코딩 (opentutorials.org)

웹호스팅 (github pages) - 생활코딩

 

그럼 우리가 업로드한 웹페이지를 인터넷을 통해서 서비스 해봅시다. Settings 버튼을 선택합니다.

Github Pages 항목에서 master branch를 선택하고 Select branch 중 master branch를 선택합니다. 그리고 Save 버튼을 누릅니다.

그럼 아래와 같이 주소가 표시됩니다. (물론 주소는 각자 다르겠죠?)

 

 

정적 웹 페이지는 마치 컴퓨터에서 저장된 텍스트 파일을 메모장으로 열어보듯이 저장된 그대로 보는 것이며, 동적 웹 페이지는 그런 내용들이 다른 변수들에 의해서 변경되어 보여집니다. 가장 큰 차이는 사용자가 받아보는 웹 페이지가 동적으로 변하는가 아닌가에 있습니다.

 

정적인 페이지와 동적인 페이지의 차이점이란? :: Titus '열정의 공간 (tistory.com)

정적인 페이지와 동적인 페이지의 차이점이란?