외워서 끝내는 네트워크 핵심 이론 - 섹션 5(웹 서비스 구조 기본이론)

*HTML 송수신

- 전재 TCP / IP로 Cliset와 Server가 연결 되어 있다

1. Client가 Server에게 보고 싶은 문서를 브라우저로 요청한다 (GET)

2. Server는Client에게 HTML 문서를 보내준다

3. Client는 받은 문서를 브라우저에서 볼 수 있다

 

*CSS, JS

- HTML의 가독성, 배치, 꾸밈등을 위해 CSS가 필요하고 동적인 반응을 만들기 위해 JS가 사용된다.

4. 이제는 Client가 HTML을 보낼때 CSS, JS를 보내게 된다

5. Client는 받은 HTML, CSS, JS를 렌더링하여 웹 브라우저로 보게 된다

 

*DB

- 클라이언트와 Server의 상호 작용을 위해 데이터를 저장할 공간을 만든다

6. Client는 Server에게 자신의 정보 보내준다 (POST)

ex) 회원가입

7. Server는 Client의 정보를 DB에 저장해 Client와 상호 작용이 이뤄질 수 있게 만든다

 

*WAS

- 클라이언트에 요청을 처리할 서비스

8. 사용자는 자신의 정보를 확인하기 위해 서버에게 자신의 정보를 보내 확인을 요구한다

ex) 로그인, RPG 캐릭터 Level 확인

9. WAS는 DB에 정보를 불러올 SQL문을 작성해 DB에서 정보를 가져온다

10. 가져온 정보를 토대로 사용자정보를 넣은 동적인 HTML을 만들어 준다

 

*사용자 환경에 맞춰 만들어지는 동적 HTML

- Server와 Client의 상호작용간의 일어나는 일을 처리하는 함수들

11. Client는 컴퓨터, 스마트폰, TV 등 다양한 형태에서 서비스를 제공을 받게 된다.

12. Server는 HTML은 각 환경에 맞는 UI를 만들기 위해 XML, JSON과 같은 데이터 형식만 가져와

사용자 환경에 맞는 UI를 JS가 만들어 준다

ex) React.js

*Restful API

- 사용자가 악의성을 가지고 정보를 요구하는지를 확인해 안전하게 통신을 하도록 만드는 함수

13. 사용자중 악의성을 가진 사용자의 요구를 사전에 차단하기 위해 규칙에 위반하여 입력하면 요청을 취소하여 준다