[Dreamhack] Background : Web

웹

• 웹 (Web) - HTTP를 이용하여 정보를 공유하는 서비스
• HTTP (HyperText Transfer Protocol) -  웹 페이지 데이터 전송을 위해 웹 서버와 통신하는 데 사용되는 규칙 집합
• 웹 서버 (Web Server) - 정보를 제공하는 주체
• 웹 클라이언트 (Web Client) - 정보를 받는 이용자
• 프론트엔드 (Front-end) - 사용자의 요청을 받는 부분
• 백엔드 (back-end) - 사용자의 요청을 처리하는 부분

웹 리소스

• HTML (Hyper Text Markup Language) - 웹 문서의 뼈와 살, 태그와 속성을 통한 구조화된 문서 작성 지원
• CSS (Cascading Style Sheets) - 웹 리소스들의 시각화 방법을 기재한 스타일 시트, 생김새를 지정
• JS (JavaScript) - 웹 문서의 동작을 정의, Client-Side Script (CSS)로도 불림

웹 클라이언트와 서버의 통신

1. 클라이언트가 브라우저를 이용하여 웹 서버에 접속
2. 브라우저는 클라이언트의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청합니다
3. 서버는 HTTP로 전달된 이용자의 요청을 해석합니다
4. 해석한 클라이언트의 요청에 따라 적절한 동작을 합니다
5. 이용자에게 전달할 리소스를 HTTP 형식으로 이용자에게 전달합니다
6. 브라우저는 서버에게 받은 HTML, CSS, JS등의 웹 리소스를 시각화하여 이용자에게 제공

출처 : 드림핵 커리큘럼