클라이언트와 서버 통신

우리는 웹 페이지를 이용할때, 나도 모르는 사이에 수많은 정보들을 보게 됩니다. 그리고 가끔 인터넷 연결이 끊기면, 엄청난 정보를 담고 있던 웹 페이지는 한 순간에 먹통이 되고 맙니다. 

우리는 여기서 어렴풋 하게 유추 할 수 있습니다.

 

'웹 페이지의 수많은 정보는 인터넷으로 연결되어 어디선가 받아오는 거구나!'

 

그 엄청난 정보를 제공 하는 물건을 우리는 서버 , 정보 제공자라고 합니다.  우리는 이 서버와 클라이언트간의 상호작용에 대해 간략하게 알아 보겠습니다. 

 

1. 클라이언트란?

• 우리가 사용하는 브라우저(Chrome, Safari 등), 또는 React 같은 프론트엔드 앱
• 사용자가 입력하거나 버튼을 눌러서 요청(Request) 을 보내는 기능을 합니다.

 

axios 라이브러리의 get 을 사용해서 API 를 통해 서버에 요청을 보낼 수 있습니다.

 

자바 스크립트에는 Fetch() 라는 기본 함수가 있긴 있지만, 여러 문제가 있어 잘 사용하지는 않습니다.

 

2. API 란? 

서버와 통신하는 대화 규칙으로 생각하면 됩니다. URL 형태로 이루어져 있고, 각 서버마다 받는 형태, 주는 형태가 다릅니다. 그리고 보통 특정 API를 사용하기 위해서는 API 키를 요구하는 경우가 많습니다.

 

3. 서버란?

 

 나의 요청에 데이터를 제공하는 역할입니다. 예를 들면 내가 구글에 날씨를 검색하면, 요청을 받은 구글 서버는 날씨를 알고 있는 외부 API에 연결하여 그 데이터를 나에게 연결 시켜 줍니다.

 

axios 라이브러리의 get 을 사용해서, 클라이언트에게 정보를 json 형태로  제공합니다. 

 

4. JSON 이란?

 

JSON은 JavaScript Object Notation의 줄임말로, 데이터를 주고받을 때 쓰는 아주 간단한 텍스트 형식을 말합니다. 이 형식은 서버와 클라이언트 사이의 정해진 약속으로 이러한 형태로 데이터를 주고 받는다고 정해 놓는 것 입니다.