ㅡ 웹 동작 과정
1.브라우저 주소창에 주소 입력
2. 브라우저가 웹서버에 HTTP(HTTPS) 요청을 보낸다
3. 서버가 요청을 처리하고 응답 준비
4. 서버에서 HTTP (HTTPS) 로 응답
5.브라우저가 응답한 웹페이지를 보여준다.
기본 웹의 기초 단어를 살펴 보자.
Web이란 ?
- 클라이언트 -> 서버 -> 서비스 = 손님 -> 종업원 -> 음식
- 클라이언트
: 웹 브라우저 또한 클라이언트 이다. 사용자가 사용하는 기기의 웹 브라우저
또는 사용자 자체를 클라이언트 라고 하기도 한다.
- 서버 : 사용자에게 서비스를 제공하는 하드웨어 (서비스제공), 소프트웨어(웹서버) 의 서버 개념
- 웹 이란 ? World Wide Web ( www )
- 인터넷에 접속하기 위한 소프트웨어 서비스
API 는 ? Application Programming Interface
: 프로그램들이 서로 상호작용 하도록 도와주는 매개체
(응용 프로그램 프로그래밍 인터페이스)
웹 의 종류
< 정적 웹 페이지 -약관 등 데이터가 서버에 저장됨 , 동적 웹 페이지- 사용자에 따라 변경되는 웹 페이지 sns등 >
반응형 웹 : 콘텐츠 크기밑 배치가 웹 브러우저 크기에 따라 자동으로 맞춰짐
인터렉티브 웹 : 사용자의 동작에 따라 페이지 내 콘텐츠가 상호작용하는 웹 페이지
크로스 브라우징
:브라우저 종류에 상관 없이 똑같은 웹 페이지 를 보여주기 위함을 시도 (test 도 있음)
HTTP : 하이퍼텍스트 전송 프로토콜 ( Hypertext Transfer Protocol )
:네트워크에서 HTML 문서를 주고 받기 위한 규약
프로토콜 : 통신규약 (네트워크 통신을 위한 정해진 규칙)
HTTP 메서드 : GET , POST , PUT , PATCH , DELETE 등이 있다.
> HTTPS : HTTP 의 보안을 개선하기위해 만들어짐 - 소켓 레이어 (SSL, Secure Socket Layer) 를 덧붙임
대부부분 웹사이트는 HTTPS 를 사용 권장함
프로그래밍 언어 - action 으로 실행
마크업 언어 - 구조적의미를 나타낸다.
웹 브라우저 - 웹 서버의 모든 정보를 사용자가 보거나 검색, 실행 할 수 있도록 보여주는 창
(크롬, 익스플로서, 엣지, 사파리 등 )
웹 어플리케이션 - 사용자의 웹 브라우저에서 동작되는 소프트웨어
구조 ㅡ 표현 ㅡ 동작 = html ㅡ css ㅡ javascript(웹어플리케이션 , 사용자와의 인터랙션)
웹 표준 을 지킨다 : HTML5 고 2014년에 공식화됨 . 2019년 WHATWG 에서 개선 표준화됨 HTML Living Standard
웹 접근성 을 높인다 : 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용 할 수 있게 하는 방식(음성인식, 스크린리더, 화면 돋보기, 키보드 오버레이 등)
웹 호환성 을 높인다 Cross Browsing: 웹 표준 준수를 통한 브라우저 호환성 확보하기. -문법준수