웹 (Web)
- 인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스
- 인터넷 통신망을 활용하여 구현된 전 지구적 정보 공간
- HTTP : 웹 상에서 서로 통신을 하기 위해 정해둔 일종의 규칙
1) 웹 서버 (Web Server) : 웹에서 정보를 제공하는 주체
2) 웹 클라이언트 (Web Client) : 웹에서 정보를 요구하여 제공받는 이용자
웹 서비스
- 웹 상에서 제공되는 서비스
- 이용자의 요청을 해석/가공하여 필요한 정보/기능을 제공하는 능동형 서비스
1) 프론트엔드 (Front-end) : 이용자의 요청을 받는 부분
· 이용자에게 직접 보여지는 부분
· '웹 리소스'로 구성됨
: 페이지가 보여주는 정보들은 모두 웹 리소스에 명시되어 있음
ex) 글 내용, 텍스트 색/모양, 배경 색 등
2) 백엔드 (Back-end) : 요청을 처리하는 부분
웹 서비스의 통신 과정
1. (클라이언트) 이용자가 브라우저를 이용하여 웹 서버에 접속함
2. (클라이언트) 브라우저는 이용자의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청함
3. (서버) HTTP로 전달된 이용자의 요청을 해석함
4. (서버) 해석한 이용자의 요청에 따라 적절한 동작을 함
- 리소스를 HTTP 형식으로 이용자에게 전달함
5. (클라이언트) 브라우저는 서버에게 응답받은 웹 리소스를 시각화하여 이용자에게 보여줌
웹 리소스 (Web Resource)
- 웹에 갖춰진 정보 자산
- 웹 브라우저의 주소 창에 주소를 입력하면 해당 경로의 리소스를 가져오라는 의미
- 모든 웹 리소스는 고유한 URI(Uniform Resource Indicator)를 가지며, 이를 이용하여 식별됨
# 정적 리소스
- 항상 요청할 때마다 같은 결과를 리턴하는 리소스
1) HTML (Hyper Text Markup Language)
· 웹 문서의 뼈와 살을 담당함
· 태그와 속성을 통한 구조화된 문서 작성 지원
2) CSS (Cascading Style Sheets)
· 웹 문서의 생김새를 지정함
· 웹 리소스들의 시각화 방법을 기재한 스타일 시트
3) JS (JavaScript)
· 웹 문서의 동작을 정의함
· 이용자의 브라우저에서 실행됨
→ 클라이언트가 실행하는 코드 :: Client-Side Script라고도 불림
4) 이미지, 동영상 등
# 동적 리소스
- 요청할 때마다 다른 결과를 리턴하는 리소스
- JSP, Java 코드가 포함된 파일들
URI (Uniform Resource Identifier)
- 리소스의 식별자를 정의하는 개념
URL (Uniform Resource Locator)
- 웹에 있는 리소스의 위치를 나타내는 문자열
→ 브라우저는 URL을 사용하여 서버에 특정 리소스를 요청할 수 있음
- 웹 페이지를 찾는 데 사용하는 개념
- URI의 하위 개념
→ 모든 URL는 URI이지만, 모든 URI가 URL은 아님
- 식별자 + 위치 (폴더 내 리소스의 정확한 경로)
- 포트 번호 80번을 사용할 경우, URL 주소에서 생략 가능함
'CS' 카테고리의 다른 글
[HTTP] 웹 브라우저와 웹 렌더링 (0) | 2023.03.22 |
---|---|
[HTTP] REST API 방식 (0) | 2023.03.22 |
[HTTP] 통신 프로토콜 - HTTP와 HTTPS (0) | 2023.03.21 |
[HTTP] 인코딩과 포트 (0) | 2023.03.21 |
[CS] DTO/VO, DAO (0) | 2023.03.09 |