본문 바로가기
WebDev/CS & 자료구조

웹 간단 요약 정리

by S.AHA_dev 2023. 10. 6.
728x90
반응형

우리는 웹사이트에 접속할 때 웹 브라우저 프로그램을 사용

 

웹 브라우저(크롬 사파리 파이어폭스 등)

웹페이지를 클라이언트가 서버에 요청하여 서버의 응답을 웹 문서형태로 받는다.

받은 웹 문서(HTML, CSS 등)를 렌더링하여 화면에 출력

 

클라이언트

일종의 고객으로 이해를 하자

요청을 보낸 뒤에 응답이 도착할 때까지 기다림

응답을 받으면 응답을 처리 후 화면에 출력

ex)로그인 요청(id,pw) -> 서버(DB에서 회원정보 조회) -> 로그인 결과 응답 -> 출력

 

HTTP

하이퍼텍스트를 전송하기 위해 개발된 약속이라고 생각하자

URL(인터넷에 존재하는 특정한 자원의 종류와 위치)을 입력한 뒤에 접속을 시도

 

웹 / 웹 브라우저의 구조 / 웹 브라우저의 동작 방식

웹: HTTP프로토콜을 이용해 많은 페이지를 링크를 타고 이동

 

웹 브라우저 구조: UI(화면) / 브라우저엔진(UI와 렌더링엔진의 매개체역할, 쿠키와 같은 로컬데이터를 저장소에 저장) /

렌더링 엔진(응답을 처리하여 화면에 출력)

 

웹 브라우저 동작방식: 웹 클라이언트는 웹 브라우저를 이용

->URL을 입력하면 GET방식으로 서버에 웹 문서 요청

->웹 서버는 문서를 찾아서 응답

->웹 브라우저는 문서를 화면에 출력

 

쿠키 / 세션

쿠키: 사용자가 특정 웹 사이트를 방문 -> 사용자 컴퓨터에 저장하는 기록 파일 / 서버의 자원을 전혀 사용하지 않음

 

세션: 사용자의 상태를 유지하기 위한 목적

서버가 클라이언트에게 세션아이디 부여 -> 클라이언트는 접속 때마다 세션아이디와 함께 요청

클라이언트가 누구인지를 서버에 알려주는 역할

장점

회원에 대한 중요한 정보를 서버가 가지고 있음

민감한 데이터를 클라이언트에 직접적으로 보내지 않음 

세션아이디 자체에는 개인정보를 포함하지 않음

단점

탈취당하면 사용자인 척 위장해 많은 권한 및 개인절보를 탈취 당함

서버에서 회원아이디와 세션아이디를 매칭해야 하므로 세션정보를 가지고 있어야함

접속자가 많다면 서버에 메모리 부하가 존재

 

ex) 로그인요청(세션, id,pw) -> 세션 생성 및 유지 -> 세션아이디 응답 -> 브라우저에 세션 정보 저장

->세션아이디와 함께 요청 -> 세션아이디와 회원아이디 매칭 -> 서비스 수행 응답

반응형

'WebDev > CS & 자료구조' 카테고리의 다른 글

웹 호스팅의 이해  (0) 2023.11.12
쿼리란?  (0) 2023.11.10
HTML, CSS의 정의  (2) 2023.10.05
쿠키, 세션 로그인 방식의 -세션 저장소-  (0) 2023.09.27
RESTAPI  (0) 2023.07.12