인터넷(Internet)
ㄱ. 전 세계를 연결하는 국제 정보 통신망
ㄴ. ARPA(Advanced Research projects Agency)가 1969년에 웹의 모태가 되는 ARPANET 개발
ㄷ. 군사용과 민간용으로 구분
ㄹ. 민간요응로 사용되던 네트워크가 현재의 인터넷이 되었다.
웹(Web)
ㄱ.인터넷에 연결된 컴퓨터를 통해서 사람들이 정보(영상,문자 등등)를 공유하는 공간
ㄴ.1991년에 등장
ㄷ.인터넷은 통신망이고 웹은 그 위에서 작동하는 서비스
ㄹ.1989년 유럽 공동 원자핵 연구소(CERN)의 "팀 버너스리"가 하이퍼링크를 포함하는문서의개념을 제안
1991년에 월드 와이드 웹을 개발해 배포
월드 와이트 웹(Word Wide Web == WWW)
W3C
(Word Wide Web Consortium == WWWC)
ㄱ.국제 웹 표준화 단체(기구)
ㄴ. WWW의 표준안 제작과 새로운 표준안 제안, 기술의 공유를 통해 WWW의 기술적,사회적
확상을 위해 구성된 전 세계적 단체
ㄷ. 1994년 10월 설립. (팀버너스리가 창설)
ㄹ. html5
ㅁ. 강제성 X
웹 브라우저
ㄱ. 인터넷에서 정보를 검색하는데 사용되는 프로그램
ㄴ. 최초 웹 브라우저 - 모자이크(1993년)
ㄷ. W3C의 표준을 무시하며 경쟁
1)넷스케이프의 넷스케이프웹 브라우저
2)마이크로소프트사의 인터넷 익스플로러
- PC에 강제로 설치
ㄹ. 웹 브라우저 사이에 발생한 기술 전쟁 - 1차 웹 브라우저 전쟁
1994 ~ 1998년 까지 진행
=>웹 발전 계기 (마이크로소프트사의 인터넷 익스플로러)
플러그인
ㄱ.웹 브라우저와 연동되는 특정 프로그램을 사용자 PC에추가로 설치해 웹 브라우저 기능을 확장하는 방법
ㄴ.대표적인 플러그인: MS사의 ActiveX, 어도비사의 Flash
ㄷ.W3C 이 웹의 발전속도를 따라가지 못해서 불만을 느낀 각 기업들이 개발한 기술들
웹 2.0/3.0
웹 2.0
-서로 다른 사용자가 함께 새로운 컨텐츠를 창조할 수 있게 된 시대
웹 3.0
-개인화, 지능화, 상황인식 등이 웹 3.0의 대표 키워드로 인터넷에서의
엄청난 양의 정보 중에 내가 지금 필요한 정보와 지식만을 추출해서 보여주는 맞춤형 웹의 시대가 웹 3.0
플러그인의 문제
-웹사이트가 무거워짐
-플러그인으로 인해 웹이 무거워짐을 방지하기 위해
ㄴ>W3C에서 HTML 표준제안서 제출됨 => 거절당함
WHATWG
-Web Hypertext Application Technology Woriking Group
-MS사(IE) 제외한 웹브라우저 제공 기업들의 모여서 만든 설립 그룹
-2009년에 W3C + MS사 함께 제정한 XHTML2.0 표준이 붕괴 X
=>대체안으로 Web Application 1.0 표준 사용 (WHATWG 그룹이 만듬)
=>W3C도 WHATWG에서 만든 Web Application 1.0표준으로 채택
=> 2004년 6월 HTML5 표준 제정
지금까지 웹 표준 : HTML5 사용
웹 브라우저 사이에 발생한 기술 전쟁
2차 웹 브라우저 전쟁
MS사(IE) < WHATWG
Chrome 웹 브라우저
HTML5가 장악하고 더욱 개발중임
웹 표준의 변화
-W3C 가 Web Application 1.0 표준(WHATWG)을 HTML5 표준으로 변경
-W3C + WHATWG = HTML W/G(WORKING GROUP)을 결성 => HTML5 표준 작성
HTML5 표준은 2014년 정식 권고안을 발표
웹 동작 원리
날씨,환율 등등 [웹 서비스]
정보를 제공하는 쪽 정보를 제공받는 쪽
[서버] [클라이언트]
ㄱ.(웹서버)
ㄴ.WAS(Web Application Server -Java 컴파일+실행 Java)
<-----요청(request)----
[웹 브라우저]
-----응답(response)===>
각각 웹서버랑 / WAS 서버 => 총 두개가 설치되어 있어져야한다.
예) 아파치 + 톰캣 8.7XX
웹서버 WAS
WAS : Java 파일을 컴파일 하거나 실행시키기 위해 필요한 서버이다.
우리는 톰캣을 실제로 설치 한게 아니라 이클립스에 다이나믹 웹 프로젝트로 프로젝트로 만들어 톰캣 8.5를 플러그인(장착)시켜서 Ctrl+f11할때만 사용하는것이다.
(개발자 용이다.) :약간 개발할때 테스트 용도로 사용
=> 따라서 이클립스로 톰캣서버를 실행시켜줘야만 크롬 브라우저에서 실행이된다.
고정된 서버에 배포하는 건 나중에 배운다!
웹 표준 기술
웹 표준 기술 = html5(웹페이지 구성)+css4(스타일 적용)+ javascript(사용자 반응 처리)
html
ㄱ. Hyper Text Markup Language의 약자
하이퍼텍스트 - 시공간을 초월하는 텍스트(문자) 링크를 누르면 넘어가는 느낌이라서 시공간을 초월하는 문자라고 하는거다.
마크업 - 태그 형식의 랭귀지 = 언어
ㄴ. html은 "웹 페이지"를 만들기 위한 표준 마크업(태그) 언어이다.
ㄷ. html은 요소(element)로 구성된다.
요소(element)의미
요소 : 시작태그 + 내용 + 종료태그
시작태그 : / 안붙은 태그
종료(닫기)태그 : /붙은 태그
시작태그 내용 종료태그 span 태그
<span>내용...</span>
**내용이 들어갈 일이 없는 태그는 닫기 태그 생략가능하다.==>빈 태그
문제) title 요소 삭제
=>시작태그 + 내용 + 종료태그 3개 다 삭제 해야됨
html 기본구조
1) <!DOCTYPE html> DOCument(문서)+TYPE(유형)에 대해서 설명하는 선언문 'html5 문법을 따르는 문서입니다.' 라는 의미이다.
2) <html>요소 - 모든 요소의 부모 == 최상위 부모 요소
반드시 하나의 최상위 요소(루트 root요소)
3) <head>요소 - html 문서의 대한 여러가지 정보(메타 정보)를 나타낸다.
<meta>요소 - 메타 정보를 나타내는 요소
<title> 요소 - html 문서의 제목을 지정하는 태그
브라우저의 제목 표시줄 또는 [페이지탭]에 표시된다.
4) <body>요소 - <html> 요소의 자식요소 (필수 요소)
html 역사
1. 1989년 www 창시자 - 팀 버너스 리
2. 1991년 html
3. 1995년 html 2.0
4. 1997년 html 3.2 (W3C)
5. 1999년 html 4.01 (W3C)
6. 2000년 XHTML 1.0 (html 4.01+xml 1.0)(W3C)
7. 2014년 html5 (W3C + WHATWG)
8. 2016년 html5.1(W3C)
9. 2017년 html5.2(W3C) 권장
html5 새로 추가 기능
1. 플러그인 X -> 멀티미디어(음악, 동영상 재생)
2. 2차원,3차원 그래픽 구현 + javascript =>게임
3. 통신 - 양방향 통신 가능
4. 장치 - 배터리,CPU,카메라,GPS, 진동벨 등등
5. 오프라인 및 저장소
6. 시멘틱 태그(sematic tag)웹 구현
-"시멘틱웹" : 검색엔진과 같은 프로그램이 정보의 의미를 분석하고
자료를 검색 및 처리하여 제공하는 "지능형 웹"을 의미
7. css3(스타일 적용)완벽하게 지원
MS사 (IE)웹 표준 기술 (css3 X, html5 X)완벽하게 지원 X
8. html5는 기존의 웹 표준보다 빠르다.(웹 성능을 극대화)
'html' 카테고리의 다른 글
| [html] html 개발환경 구축하기__개발공부 55일차 (0) | 2022.05.12 |
|---|