1-2) 웹의 역사 / HTML 기초

1. 웹의 역사

# 최초의 웹사이트(info.cern.ch) - 팀 버너스리(1989)

기념으로 아직도 운영중임. 팀 버너스리는 지금도 www의 수장임. 웹을 세계에 최초 공개

연구소 안에서 문서를 쉽게 공유하기위한 목적으로 진행된 프로젝트가 '웹' 이었음.

html, http 등을 팀 버너스리가 모두 만듬

#웹 개발자 로드맵. 눈에 보기 쉽게 잘 정리되어있다.

원본 : https://github.com/WegraLee/developer-roadmap/blob/master/README.md

 - Java aplet 과 HotJava - Sun MicroSystems(1995)

최초로 움직이는 화면을 구현 (텀블링하는 듀크)

 - WEB 2.0 시대의 개막

브라우저와 웹서버 간의 일대일 대응 에서 

웹브라우저 ↔ INTERFACE ↔ 웹서버

인터페이스 역할을 해주는 기술(CGI) 이 탄생

이전에는 문서만 보다가 사용자의 요청에의한 응답등 이 갖춰지기 시작

최근기술은 프론트앤드에서 예전 백앤드에서 다루던것들까지 처리가 가능하게 되자

백앤드의 관건은 빅데이터, 머신러닝 쪽으로 옮겨가게 됨.

이미 구축된 다량의 데이터를 어떻게 의미있는 방향으로 결과를 도출해 낼 것인가

빅데이터, 머신러닝 : 아마존 등에서 유저의 구매기록을 분석하여 구매패턴을 분석하여 

의미있는 내용을 끌어내는 것. 즉, 백앤드 기술들과 연결 되어있음.

 - 웹의 가장 기본적인 구조

웹 브라우저 ↔ 웹서버 ↔ 웹어플리케이션

↕

DB(대부분의 데이터 저장됨)

HTML5 표준이 나오기시작하며 어플리케이션용 서버, DB용 서버 가 나타남

 - 참고 사이트

1) 동영상 강의 : 

생활코딩

2) 코딩교육 :    

codecademy.com

멋쟁이 사자처럼

www.w3schools.com

2. HTML 기초

2-1) HTML( Hyper-Text Markup-Language )

 - 언어라고 하기에는 부족. 분기, 반복, 함수, ... 존재하지 않는다.

 - HTML5 : HTML + Javascript

 - 문서 표준 : 태그로 표현 (태그는 <!-->, <area>, .. 등을 지칭)

 - 태그의 역할 : 컨텐츠를 표현하는 역할

2-2) 태그(tag) vs 요소(elements)

 - 컨텐츠 (화면에 보여지는 내용)의 타입을 정하는 용도.

 - <tag name> 컨텐츠 </tag name> 

     여는태그 닫는태그 opening tag, begining tag

 - <tag name/>     closing tag, end tag 등등..

     셀프 클로징(self closing)

 - 요소 : 태그와 컨텐츠를 포함한 개념. 요새는 구분이 무의미

2-3) 문서 표준

2-3-1) 글자를 표현 할 수 있는 태그

1. 제목 : heading

 - <h1> ~ <h6> //1번이 가장 큰제목 번호가 높아질수록 작은글씨

2. 본문

3. 목차

2-3-2) 그림을 표현할 수 있는 태그

1. 이미지

2-3-3) 표를 표현할 수 있는 태그

1. table

2-3-4) 링크를 표현할 수 있는 태그

1. 하이퍼 링크

3)_ HTML의 특징

 - 문서의 내용을 구조화 함

 - 브라우저가 없으면 html은 소용이 없다

 - 네이버 -> 소스보기

모든 웹 화면들 또한 html로 작성됨 태그를 통해 구조화 되어있다.

 - 따라서 웹을 이해하는데 있어서 태그는 매우 중요.

 - html 페이지는 기본적인 구조를 가지고 있음.

표준에는 모두 기본적인 구조를 갖지만 브라우저들이 없어도 지원을 해줌.

표준에서는 그렇지 않다. 그러나 각 브라우저들이 지원 해줌

 - html을 이해하는것은 웹을 이해하는것의 시작이자 끝이다.

# HTML에 대해 알아보려면 메모장만 있어도 충분하다.

메모장에 HTML 기본형식에 갖춰 작성한 후 확장자명을 .html로 저장

이후 웹페이지에 올리기만 하면 내가 적은 내용을 확인할 수 있다.

2-1.txt

2-2.txt

2-2.html