[웹구조] ch2. 웹 사이트 구조

정보 시스템의 변화

SoR 에서 SoE로 변화

	SoR(System of Record)	SoE(System of Engagement)
이용영역	PC사이트, 스마트폰 사이트 = 웹 사이트	웹 앱(스마트폰 앱, 업무 전용 단말 태블릿 입력, IoT 디바이스) + API, AI, 빅데이터 = 웹 시스템
목적	열람중심	정보활용

 

웹 페이지의 구성

HTML(Hyper text Markup Language)

하이퍼텍스트 기술을 위한 언어

<태그> 라는 마크를 사용해 기술

HTML 파일 내에 하이퍼링크를 기술해서 다른 페이지로 이동

+ css 로 스타일

 

 

웹 사이트 HTTP 요청

HTTP 프로토콜

TCP/IP 프로토콜의 일부 (통신 프로토콜의 일종)

유일한 URL을 상대로 지정해 Stateless(1회성 양방향) 통신

HTTP 프로토콜 > HTTP 메세지 > HTTP 요청 > HTTP 메서드 GET/POST

HTTP 요청
요청행	Method/URL/버전
메세지 헤더	User-Agent Referer Modefied/None Accept Cookie HTTP 전송에 필요한 모든 부가정보 (메세지 바디 내용(=메타 데이터), 크기, 압축, 인증, 클라인언트정보, 서버 정보...)
바디

HTTP 응답
응답행	웹 서버 정보, status 코드 (200-OK,404-요청처 없음,500-서버문제 등)
메세지 헤더
바디	실제 데이터

 

쿠키 HTTP Cookie

브라우저와 웹 서버 사이 재접속을 지원하는 기능 (Sateless를 보안)

웹서버가 HTTP 응답안에 쿠키를 포함해서 브라우저에 송신
유효기간 미설정시, 브라우저 닫으면 삭제

 

세션 Sesstion

서버와 브라우저 간의 일련의 처리를 위한 정보.

웹 페이지 연계
를 위해 웹 서버에 정보를 저장하고 브라우저와 주고받는 구조(쿠키 안에 세션 ID를 포함)
*세션 ID; 무의미한 영 숫자의 나열

서버 측 관리, 브라우저 접근 시 세션 시작 선언