HTML & Internet 2일차 (생활코딩 WEB1)

인터넷이 운영체제라면 웹은 운영체제 위에서 동작하는 하나의 앱이다.

1960년 - 인터넷 탄생

1990년 - 웹 시작

​

1960년엔 핵에 대한 공포가 높았음. 당시 통신 시스템은 중앙집중적

-> 핵공격당하면 통신이 마비됨

이런 문제를 극복하기 위해 분산된 형태의 통신 시스템을 구상하게 됨 -> 인터넷의 시작

​

웹의 창시자 : 팀 버너스 리

http://info.cern.ch 세계 최초의 웹페이지

​

web server : http://info.cern.ch, index.html 파일 저장

web browser : http://info.cern.ch/index.html/ 입력하면 웹브라우저와 웹서버가 서로 정보를 주고받음

웹브라우저가 깔린 컴퓨터는 정보 요청 -> 클라이언트 컴퓨터

웹서버가 깔린 컴퓨터는 정보 응답 -> 서버 컴퓨터

*웹 호스팅으로 목표 달성 후에 웹 서버를 직접 설치하는 방법을 공부해보기

​

​

인터넷에 연결된 컴퓨터 하나하나를 호스트라고 함

이런 컴퓨터를 빌려주는 사업 : 호스팅

웹 서버를 전문적으로 빌려주는 비즈니스 : 웹호스팅 업체

​

github의 pages 기능

전 세계의 수많은 오픈소스들이 만들어지고 있음

repository(저장소) 생성 : 소스 코드를 보관하는 곳

1. repository name : 프로젝트 이름

2. public(공개), private(비공개)

3. Initialize this resopsitory with a README 체크박스 체크

​

upload files

1. choose your files

2. 변경된 내용 적기

3. commit changes

​

setting

pages -> main branch -> save -> 주소가 나옴

​

내가 만든 웹페이지를 전세계 사람들에게 서비스할 수 있게 됨

http://yunjeong930.github.io/WEB1/

​

​

내 컴퓨터는 컨텐츠를 서비스할 수 없음

github의 pages 기능을 이용함

github에 파일들을 업로드하고, pages 기능을 활성화하고 github의 서버 컴퓨터에 웹서버가 켜짐

나한테 웹서버의 주소를 알려줌

웹서버의 주소를 방문자에게 알려주면, 방문자는 github의 컴퓨터에 설치된 웹서버에 접속

​

​

HTML은 웹 브라우저가 해석하기 때문에 서버 쪽에서 해 줄 일이 없음 -> 정적(static)

동적(dynamic) -> php, python, ruby, java

웹호스팅 검색어 ‘free static web hosting’

​

​

내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터에 있는 웹페이지를 볼 수 있게 하는 법

우선 웹서버라는 프로그램을 설치해야 함 (Apache, IIS, Nginx 등)

‘how to install apache http server window’ 검색

아파치를 윈도우에 직접 설치하는 것은 어렵고, 설치해주는 프로그램이 있음

‘how to easy install apache on window’

​

https://bitnami.com/stack/wamp

 

설치 완료하면 비트나미 매니저가 실행됨

매니저 실행이 안 되면 Bitnami 설치한 디렉토리에서 실행하면 됨

​

매니저에서 go to application 누르면 주소가 localhost 임

http://localhost/index.html = http://127.0.0.1/index.html 다 같은 페이지

​

http://127.0.0.1/index.html을 입력하면 웹브라우저는 컴퓨터에 설치된 웹서버에게 index.html을 요청

웹서버는 웹페이지를 저장하기로 약속된 디렉토리인 htdocs에서 index.html 파일의 코드를 읽어서 웹브라우저에게 전송

웹서버는 코드를 해석해서 화면에 웹페이지 표시

​

​

ip주소와 파일 열기를 통해서 여는 것이 사용자 입장에선 차이가 없지만 내부적으로는 다름

웹 서버를 끄면 ip주소를 사용하는 웹페이지는 안 보임

​

​

http:// 는 Hyper Text Transfer Protocol

웹페이지를 전송하기 위해 만든 통신규약임

​

http://로 시작하면 웹브라우저는 http 통신규약에 따라서 웹서버에 접속

file://로 시작하면 웹브라우저는 파일을 직접 열어서 보여줌

웹브라우저가 웹서버에 접속하기 위해서는 웹서버가 설치된 컴퓨터의 주소를 알아야 함

(IPv4가 내 컴퓨터 ip 주소)

​

​

youtube 공유 -> 퍼가기 -> 태그 복붙 하면 영상 삽입도 가능

LiveBe, DISQUS : 댓글 기능 추가할 수 있는 사이트

tawk : 채팅 기능

​

​

웹사이트를 아름답게 하고 싶다면 CSS

사용자와 상호작용하는 웹페이지는 JS

생산성의 한계를 극복하려면 백엔드 기술

​

​