티스토리 뷰


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





 

'WEB > WEB HACKING' 카테고리의 다른 글

1-6) JavaScript DOM, BOM  (0) 2018.02.15
1-5) Javascript 이론 마무리, 실습  (0) 2018.02.14
1-4) id, class / 서버연동 / javascript  (0) 2018.02.13
1-3) HTML기초  (0) 2018.02.10
1-1) 실습환경구축  (0) 2018.02.08
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함