WWW(World Wide Web)
하이퍼텍스트와 멀티미디어를 통해 서비스를 이용할 수 있도록 구축
사용자끼리 정보를 공유할 수 있는 공간
인터넷 상의 다양한 정보를 효과적으로 검색할 수 있는 시스템
HTTP 프로토콜(protocol)
요청과 응답의 형태로 이루어진 웹 통신 규약
웹 서버와 클라이언트(web server & client)
웹 서버: 클라이언트의 요청을 처리하여 응답함
클라이언트: 웹 서버에 원하는 정보를 요청함
순서
1.클라이언트가 웹 서버에 index.html 파일 요청(request)
2. 웹 서버는 index.html을 응답(response)하여 클라이언트에게 전송
3. 클라이언트의 웹브라우저(chrome, microsoft edge 등)는 index.html 파일을 해석하여 클라이언트에게 웹 페이지를 보여줌
웹 페이지(web page)
1.클라이언트가 웹 서버에 정보를 요청한 후, 서버에서 보낼 정보를 담고 있는 문서
2.기본적으로 HTML로 작성됨
웹 브라우저(web browser)
1.html로 작성된 웹 페이지를 해석하여 사용자에게 보여줌
2.일종의 컴파일러로 생각될 수 있으며, w3c에서 이에 대한 표준을 제공함
chrome,safari,microsoft edge, opera, firefox 등등
w3c(world wide web consortium)
여러 참여기관들이 협력하여 웹 표준을 개발하는 국제 컨소시엄
웹의 프로토콜과 가이드라인 개발
웹 프로그래밍(web programming)
프론트 엔트(front-end 개발)
사용자와 직접 접촉하여 상호작용하는 실제 보여지는 웹 페이지를 개발
html로 웹페이지의 뼈대를 구성
css로 웹페이지의 스타일을 구성
javascript로 사용자와 상호작용을 가능하게하여 동적인 웹 페이지 구성
백 엔드(back-end 개발)
사용자에게 보이지 않는 실제 구성 시스템과 서버 사이드의 개발(서버,데이터베이스 등)
주로 java,python,ruby,php,sql
웹 프로그래밍 언어
웹 페이지를 구성하기 위해 주로 html,css,js 언어를 사용
hyper text markup language
웹 페이지를 작성하는 언어
hyper text:링크가 달려있는 text
markup language: 태그 기호(<, >) 등을 사용하여 문서나 데이터를 기술하는 언어
html5 주요 기능
멀티미디어: 플러그인 없이 음악과 동영상 재생 가능
그래픽:2차원 그래픽, 3차원 그래픽 구현
통신:서버와 실시간으로 쌍방향 통신
장치:장치와의 연동을 통해 접근 및 기능 사용
오프라인:인터넷 연결 없이도 응용 프로그램 동작 가능
시맨틱: 정보를 분석, 자료를 검색 및 처리하여 제공하는 지능형 웹
css(casading style sheet)
스타일 시트의 표준안이며 현재 css3가 사용됨
html로 웹 페이지의 뼈대를 구성하고, css로 스타일(디자인)을 구성함
문서 작성과 디자인을 분리하여 효율적으로 웹페이지를 개발
자바스크립트(javascript)
사용자와의 상호작용을 통해 동적인 웹페이지를 구성하고자 고안된 언어
html이 웹페이지의 뼈대를 구성하고 css가 디자인을 담당, javascript는 사용자와 상호작용 및 웹페이지 제어를 담당
객체 기반의 인터프리트 언어
구조적 프로그래밍,함수형 프로그래밍 지원
서버란 무엇인가요?
서버 = 그냥 노트북
서버와 서비스 개념으로 이해
정적 웹 or 동적 웹
static
dynamic
모든 걸 dynamic이 좋은 건 아님
잡지처럼 진열해놔야 할 일들은 github에 올려놓는 정적 웹의 예이다
쿠키,세션,캐시에 대해 알아보자
cookie
cookie 북
session
울랄라 session
cache
오케이 cache백
아파치,NginX, 톰캣
