[HTTP] 웹 서비스와 웹 리소스 (URI & URL)

웹 (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)

- URI은 우리말로 통합 자원 식별자입니다.

• Uniform은 리소스를 식별하는 통일된 방식을 말합니다.
• Resource란, URI로 식별이 가능한 모든 종류의 자원(웹 브라우저 파일 및 그 이외의 리소스 포함)을 지칭합니다.
• Identifier는 다른 항목과 구분하기 위해 필요한 정보입니다.

URI는 인터넷상의 리소스 “자원 자체”를 식별하는 고유한 문자열 시퀀스입니다. 

 

#  URI 설계하는 규칙

- 슬래시(/)는 계층 관계를 나타내는데 사용한다.

- URI 마지막 문자로 슬래시(/)를 포함하지 않는다.

- URI 가독성을 높히기 위해 밑줄(_)은 지양하고 하이픈(-)을 사용한다.

- URI 경로에는 소문자가 적합하다.

- URI에 파일 확장자를 사용하지 않는다.

- 복수형을 사용한다.

 

URL (Uniform Resource Locator)

- 웹에 있는 리소스의 위치를 나타내는 문자열

   → 브라우저는 URL을 사용하여 서버에 특정 리소스를 요청할 수 있음

- 웹 페이지를 찾는 데 사용하는 개념

- URI의 하위 개념

   → 모든 URL는 URI이지만, 모든 URI가 URL은 아님

- 식별자 + 위치 (폴더 내 리소스의 정확한 경로)

- 포트 번호 80번을 사용할 경우, URL 주소에서 생략 가능

---