HTML

1) html(Hyper Text Markup Language): 웹페이지를 작성하기 위한 언어로 팀 버너스리가 개발
- markup: 태그를 사용한다

 

2) html 역사:
- html버전: 1991년 html 시작으로 html 4.0, 4.01, 2000년 xhtml 1.0, 1.1, 2.0(사장됨)
- 2012년 html 4.0에서 확장된 html5 대두, 최종버전 완성됨
- html5: audio, video, 지도, websocket 엄청 편해짐
- 비디오와 오디오 심플하게 지원, css3지원, 위치정보(geolocation), local depository 지원(jQuery mobile 작성시 이것 사용)

- 웹은 html + css + javascripte + dom을 중심으로 함(MVC 모델)
- 참고: native app, web app

3) w3c: html표준을 관장하는 w3c(www 컨소시움)(www.w3.org)
web browser: html로 작성된 문서를 웹페이지로 출력하는 역할

5대 browser: IE(ms), chrome(google), FF(mozilla), safari, opera
cross browsing: 작성한 프로그램이 5대 브라우저에 호환이 되로록 만드는것

 

4) HTML 실행시키는 원리
- 자바인 경우 jdk,jre를 통해 컴파일 후 .class를 만들고 메모리 load하여 실행
- 번역기(컴파일러) 종류:
1. compiler 컴파일러: 미리 번역해서 기계어를 생성한 다음 실행 시 기계어만 가동
2. interpreter 인터프리터: 미리 번역 X, 실행때마다 한줄한줄씩 번역
html은 인터프리터형 언어, 인터프리터는 웹 브라우저에 들어있음

 

5) 웹 작동 원리:

web client(브라우저) --[request]--> web server
web client(브라우저) <--[response]-- web server(.html로 보내줌)
클라이언트가 요청하지 않으면 응답도 없음(그래서 만들어진 것이 websocket)
WAS: Web Application Server 그냥 웹서버는 동적인 기능을 제공 못함, 동적인 기능을 가능하게 해줌

 

6) 이클립스에서 웹 서버 실행하는 법:

- 이클립스 다운시 java ee 다운받음, Enterprise Edition : 자바 작성 + 웹작성

- 아파치 톰캣 사이트에서 톰캣 다운로드

- 윈도우 서버는 IIS 80 port가 기본, 톰캣 서버는 8080이 기본

- 8080포트 사용 시 오라클도 8080을 사용하여 충돌이 일어날 수 있음, 둘중 하나 포트를 변경해줘야됨

1. 오라클 포트 변경하기

2. 톰캣 포트 변경하기(서버 생성 후 해당 서버 더블클릭하면 수정 가능)

 

- 서버 생성 방법:

Dynamic Web Project -> 프로젝트명 작성 -> new runtime -> 다운받은 톰캣 버전 클릭 -> browse -> 설치한 톰캣의 bin 폴더가 보이는 위치 -> next누르고 web.xml 자동 생성

- 서버 삭제 방법:

1. 윈도우 -> preferences -> server -> runtime에서 삭제

2. 서버 생성할 떄 configurure runtime environments 눌러서 remove

 

- 실행 시 run on server로 실행

- url: http://localhost:8080/프로젝트명/hello.html