EVA 웹 개발 기본 교육을 위해 CASPER + 한국해양대학교 + (주)지노스 연구원 대상으로 만든 자료

1. 2016년 2월 2일(화) / 서울대학교 36동 204호
㈜지노스 PLM 연구소

2. 1. 소개
2. 웹 개발 구조
3. 실습
₋ Presentation Layer: HTML / CSS
₋ Application Layer: ASP, PHP
₋ Interaction: JavaScript, jQuery
4. EVA 웹 개발 방법 논의

3. 3 | 7
네트워크 기본 핥기
 OSI Model(Open Systems Interconnection Reference Model): ISO/IEC standard 7498-1:1994
 대표 Protocol
 Application: HTTP, FTP, DNS, SNMP, Telnet
 Presentation: SSL, TLS
 Session: NetBIOS, PPTP
 Transport: TCP, UDP
 Network: IP, ARP, IPSec
 Data Link: PPP, ATM, Ethernet
 Physical: Ethernet, USB, Bluetooth
출처: http://ggo-ack.tistory.com/entry/OSI-7-Layer

4. 4 | 7
HTML(Hyper Text Markup Language)
 웹 사이트의 내용과 속성을 구성하는 언어 규약: 웹브라우저는 HTML 문서를 렌더링한다!
 HTTP(Hyper Text Transfer Protocol)로 전달
 1980년 CERN 연구원 사이의 문서 공유를 위해 Tim Berners-Lee가 제안 (Enquire)
 SGML(Standard Generalized Markup Language)의 응용 (2.0부터)
 문서 형식 정의 참고: http://www.w3schools.com/html/html_intro.asp
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

5. 5 | 7
웹사이트의 계층 구조
Server (HTML)
Client (Web Browser)
HTTP
Disk
Data Bus

6. 6 | 7
웹사이트의 계층 구조
DB
Data Access Layer
Application Layer
Web Server
Client (Web Browser)
HTTP

7. 7 | 7