티스토리 뷰
안녕하세요 AimHo 입니다.
최근에 친구가 홈페이지 만드는 방법을 알려달라고해서 html5 기초부터 천천히 알려주기로 했습니다.
그래서 친구에게 알려줄 내용을 공부도 할겸 매주 글로 적어보겠습니다.
책은 옛날 책이긴 하지만 'HTML5 웹 프로그래밍 입문' 책을 보면서 작성했습니다.
인터넷의 시작
아래 내용은 그냥 편하게 읽어보시면 됩니다 ㅎ
소련에서 최초로 인공위성 발사에 성공하자 위협을 느낀 미국이 신기술을 연구하는 ARPA(Advanced Research Projects Agency) 부서를 창설했습니다.
ARPA에서 현재 웹의 모태가 되는 ARPANET을 1969년에 개발했습니다.
ARPANET은 핵과 같은 공격에 대비하여 전체 통신 시스템에서 데이터를 안전하게 보관 및 전송할 수 있는 시스템으로, 초기에는 미국 국방성과 대학교를 연결했습니다. 시간이 지나면서 ARPANET은 민간 연구용 작은 네트워크와 군사용 MILNET으로 나뉘어졌고, 여기서 민간 연구용이 현재 전 세계의 모든 컴퓨터를 연결하고 있는 인터넷으로 발전했습니다.
1989년 '팀 버너스 리'라는 영국의 컴퓨터 과학자가 인터넷 공간에서 문서와 문서사이를 이동할 수 있는 새로운 개념을 제안했는데요, 이것이 바로 하이퍼링크입니다.
그래서 하이퍼링크 개념을 바탕으로 WWW(World Wide Web)을 개발해서 1991년 배포하고 발표와 동시에 WWW의 사용 인구가 폭발적으로 급증하자 1993년 '팀 버너스 리'는 소스 코드를 공개했고 1994년 W3C(World Wide Web Consortium)을 창설했습니다.
※W3C: HTML 표준을 비롯한 웹 표준안을 제작하거나 제안하는 일을 하는 국제적인 웹 표준화 단체
웹은 어떻게 동작할까??
웹은 요청과 응답이라는 간단한 형태로 동작합니다.
요청: 웹 브라우저에 원하는 웹 서버 주소(url) 입력 / 응답: 해당 웹페이지 제공
(ex: 주소 창에 www.naver.com 입력 -> 네이버 웹 페이지 표시됨)현대 웹 페이지에서 사용되는 표준 기술은 3가지로 정리할 수 있음
HTML5
웹 페이지 구성
페이지의 구조나 요소를 프로그래밍
CSS3
스타일 적용
JavaScript
사용자 반응 처리, Animation 등 처리
(ex: 로그인, 상담신청 등)
<CSS 적용된 Naver 화면>
<CSS 제거된 Naver 화면>
웹 프로그래밍의 3가지 언어들은 아래와 같이 정리할 수 있을 것 같습니다.
html로 홈페이지의 구조(레이아웃 같은)를 짜고 css로 이쁘게 꾸미고 jsp로 고급 기능들을 추가
