본문 바로가기
02_STUDY/HTML

생활코딩 WEB1 - HTML & Internet 15강-17강 정리

by zestlumen 2023. 3. 30.

2021-12-12 14:06:20

WEB1-15강. 웹사이트 완성

웹 페이지와 웹페이지를 링크로 연결 (=본드, 실, 길) ---Web site

책처럼 엮으려면 각각의 링크 생성 필요

WEB은 Iindex.html 파일을 링크로 걸고, 페이지가 나올거임 (웰컴페이지)

1.HTML클릭 -1.html

2.CSS-2.html

3.Java Script-3.html

각각의 요소를 링크 넣기 <a href="">

예) 1.html을 복사해서 새로운 파일을 만들어서 2.html / 3.html / index.html을 만든다

각각의 페이지 내용 넣고 연결-리로드 확인


WEB1-16강. 원시웹

1.웹 페이지를 만들기-코딩이 무엇인가

2. 내가 만든 웹페이지를 누구나 가져갈 수 있게 만들기 - 인터넷은 무엇인가

웹의 역사

웹이 웹이기 위해서 필요한 순수한 상태를 들여다보기

인터넷과 웹이 어떻게 세상에 등장하게 되었는지 살펴보면서

정보기술을 보는 관전 포인트를 넗히자

혁명적인 어떤 것을 만들기 위해 이 혁명이 어떻게 시작되고

지속되고 소멸되는가를 자세히 들여다 볼 필요가 있음

Internet VS WEB

인터넷이 도시라면 웹은 도시 위의 건물 하나

인터넷이 도로라면 웹은 도로 위를 달리는 자동차 한대

인터넷이 운영체제라면 웹은 그 운영체제 위에 있는 프로그램 하나

인터넷 안에 FTP WEB EMAIL 여러 서비스가 들어있음

1960년에 인터넷이 등장

1990년에 웹이 등장

1960년엔 인류 핵전쟁 직후, 핵에 대한 공포감

미국 통신시스템 중앙집중적이라 핵공격을 당하면 통신이 전체 마비됨

핵공격에도 견딜 수 있는 강인한 통신시스템이 필요 >>> 인터넷

각각의 통신장치들이 분산되어서 전화국 같은 역할

하나가 사라져도 나머지가 수행할 수 있음

30년 동안 인터넷은 천천히 전 세계적으로 확대됨

(인터넷은 기업 연구소 군대 같은 거대한 기관에서 사용한 통신 시스템이었음)

1990년, 웹을 만나며 완전한 새로운 길.

WEB은 스위스에서 만들어짐.

정보기술 역사상 가장 중요한 사건 중 하나인 웹이 어떻게 스위스에서 어떻게 만들어졌는가?

스위스 제네바에는 유럽 입자 물리 연구소(CERN)라는 저명한 물리학 연구소가 있고

강입자 가속기(LHC)라는 장치가 있다. 가장 거대하고 비싸고 복잡한 장치 (아주 작은 입자를 보는 장치)

나사와 같은 곳이 인류의 망원경이라면 유럽 입자 물리 연구소는 인류의 현미경과 같음.

LHC는 27키로 둘레, 쇠로 된 큐브 안으로 아주 작은 입자를 고속으로 회전시켜 입자와 입자를 충돌시켜

어마어마한 에너지가 방출되면서 어떠한 작은 입자를 발견할 수 있을 것이다 라는 가설을 세움

그 입자가 힉스 보선, 피터힉스라는 박사가 1960년대 예견을 했지만 당시 실험 확인 방법이 없어서 가설로만 있음

이후에 확일 할 수 있는 때에 수많은 엔지니어 과학자가 몇조를 몇십년동안 쏟아부어 만들어 노력

최근 몇 년 전 유럽입자연구소에서 중대발표 '실험하니 힉스가 존재'

1980년부터 유럽입자연구소에서 팀 버너스 리 비정규직 프로그래머로 취직

입자물리연구소에 들어와서 Enquire 라는 프로그램을 만든다

enquire within upon everyting 책에서 따옴, 누군가에 맡겼는데 사라짐

웹의 전신 중 하나, 10년동안 웹의 전신이 되는 프로그램을 만들고 또 만들고

1990년에 연구소에 인터넷이 들어옴, 팀 버너스 리는 인터넷과 웹을 합성

1990년 10월에 세계최초 웹페이지 만드는 편집기 만들고

1990년 11월, world wide web 세계최초 웹브라우저 프로그램 만들다

1990년 12, 팀버너스 리 그 동료는 웹서버라는 프로그램을 만들고

그 프로그램이 설치되어 있는 컴퓨터에 info.cern.ch 주소를 부여함=웹의 메소포타미아, 웹의 시작

인터넷이 등장한 1960년 엘리트들만의 시스템이었던 인터넷이

1990년 웹을 만나며 대중화의 길을 걷게 됨.웹이 등장하면서 인터넷의 가능성이 펼쳐짐


WEB1-17강. 인터넷을 여는 열쇠 : 서버와 클라이언트

인터넷이 동작하는 기본적인 원리

인터넷이 동작하기 위해선 최소 2대, 한대는 인터넷이 아니고 3대는 본질적이지 않음

팀버너스리는 두대 컴퓨터를 장만, 두개 프로그램 개발

컴퓨터 하나는 웹브라우저라는 프로그램, 컴퓨터 하나는 웹서버라는 프로그램

두대의 컴퓨터는 인터넷으로 연결되어 있음.

웹서버가 깔린 컴퓨터는 http://info.cern.ch 주소를 가지고 있음

웹서버 컴퓨터에는 하드디스크가 있고 어떤 디렉토리 안에 index.html이란 파일이 저장되어 있고

웹브라우저에서 주소창에 info.cern.ch/index.html 치면

웹브라우저가 있는 컴퓨터는 인터넷을 통해 전기적 신호를

info.cern.ch/index.html 컴퓨터에 보낸다. 그 신호 안에 index.html 원합니다라는 정보가 담겨있음.

info.cern.ch에 해당되는 컴퓨터에 설치된 웹서버 프로그램이 하드디스크에서

index.html 파일을 찾아 웹브라우저 설치된 컴퓨터에 전기적 신호로 바꿔서 쏴줌

그 전기적 신호안에는 index.htm 파일 안에 저장된 코드가 담겨 있음,

코드 도착, 코드가 웹브라우저가 읽어서 해석한 다음에 화면에 표시하면 우리가 보는 웹이 동작.

웹브라우저컴퓨터 웹서버 컴퓨터 서로 정보를 주고 받는데,

웹브라우저 컴퓨터는 정보를 요청>>>client (고객)

웹서버 컴퓨터는 정보를 응답>>> server

만들고 있는 게임이 인터넷과 연결되어 있다면

사용자들이 게임을 하는 컴퓨터 =게임클라이언트

게임회사가 가지 있는 서버 컴퓨터= 게임서버

사용자들이 사용는 채팅프로그램은 =채팅클라이언트

채팅회사가 갖고있는 서버에 설치되어있는 프로그램은 채팅서버

웹브라우저는 논리적인 시스템 (추상적대상, 물질이 아니나 물질처럼 느낌)

웹서버도 그냥 깔고 쓰면 되는 프로그램임

폰 노이만_ 수학은 이해하는 게 아니라 익숙해지는 거라네

웹서버를 사용할 수 있게 된다는 것은

내 컴퓨터에 있는 문서를 전세계에 있는 누구나

인터넷이 연결되어 있는 컴퓨터에 웹브라우저를 깔면

가져다 볼 수 있도록 할 수 있다 라고 하는 혁명적인 일

1.자신의 컴퓨터에 웹 서버를 직접 깔기 (어려움,인터넷과 관련된 여러가지 개념을 배울 수 있음)

2.이런 일을 대행해주는 업체에 맡기기(쉬움, 인터넷 동작 원리가 감춰져 있어서 배울 건 적음)

웹호스팅으로 쉽게 해보고 웹서버를 통해 원리를 파악하는 식으로 공부!