kinggora 2022. 1. 17. 18:37

web의 메소포타미아, 발원지

http://info.cern.ch 

 

현재까지 원시상태의 웹페이지를 만드는 방법을 배웠다. 

앞으로는 내가 만든 웹 페이지를 인터넷을 통해 누구나 접근할 수 있도록 하는 것이 목표이다.

 

web client: http://info.cern.ch/index.html 를 web browser에 입력

               => http://info.cern.ch 라는 주소를 가진 컴퓨터에 index.html 파일을 request

web server: 요청받은 파일을 response

 

web server를 운영하기 위해서는 컴퓨터가 항상 켜져있어야 하고 인터넷이 끊기면 안 된다.

web server라는 프로그램을 설치하고 인터넷을 외부로 전송할 수 있게 설정을 해야 한다.

인터넷에 연결된 컴퓨터 하나하나를 host라고 하는데, 이런 컴퓨터를 빌려주는 사업을 hosting/cloud라고 한다.

 

neflify를 이용하여 웹 호스팅하였다.

https://distracted-mclean-3d5958.netlify.app 실습 웹 페이지

 

Web hosting의 원리

웹 페이지에 해당하는 소스 코드를 웹 호스팅에 업로드하면 호스팅 업체가 웹 서버를 활성화한다.

서버에 도메인 주소를 부여하고, 이 주소를 웹 브라우저로 접근하면 웹 서버가 소스코드를 제공한다.

 

Apache, IIS, Nginx 등 다양한 웹 서버 프로그램들...

 

실습에는 크롬 웹 브라우저의 확장 프로그램인 Web Server for Chrome을 사용한다.

설치 후 처음 해야 할 것은, 클라이언트 요청이 왔을 때 어느 디렉터리에서 찾을 것인지 설정이다.

 

로컬호스트 웹 서버를 통해 웹 페이지에 접근하는 모습

 

앞으로는,

내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터의 웹페이지를 볼 수 있도록 한다.

 

'눈에 보이지 않는 복잡함'은 공부하는 것을 사용하려고 할 때 막막하게 하는 주범이다.

눈에 보이는 기능은 쉬워 보이지만 숨어있는 복잡함이 도사릴 수 있다.

이는 자신의 탓이 아니고, 원래 그렇게 복잡하다. 아는 것이 많아지기 때문에.

 

현재까지 배운 것에 대해 느낀 절망감

 1. 디자인이 아름답지 않다. (레이아웃, 서체 등) -> CSS, JavaScript (Front end)

 2. static한 코드. (모든 데이터 값을 직접 입력함) -> node.js, JSP, PHP (Back end)

 

 

+부록: 코드의 힘

동영상 삽입: YouTube 공유 퍼가기 기능

댓글 기능 추가: DISQUS, LiveRe

채팅 기능 추가: Tawk

방문자 분석기: Google Analytics (웹, 앱 가능)