네트워크 개념 3 : 클라이언트, 서버, 웹앱 (세상 제일 쉬움)

미리보기 

웹브라우저, 웹서버 : 클라이언트(웹 브라우저, 데이터요청), 서버(웹 서버, 데이터응답) 

 

클라이언트, 서버 : 클라이언트(데이터요청), 서버(데이터응답) 

* 클라이언트(Client) : 데이터요청 > 종류 : 웹브라우저(크롬, 빙 등), 채팅앱(카카오톡, 라인 등), 소셜앱(유튜브, 인스타 등) 

* 서버(Server) : 데이터응답 > 종류 : 웹서버, 채팅서버, 소셜서버

 

웹애플리케이션서버(WAS, Web Application Server) : 웹앱(Web App) > 역할: 실시간 웹페이지 생성 with 데이터베이스 for 전달 to 웹서버  > 장점 : OS통합(따로설치x), 웹오피스(실시간 엑셀공유 등), 개인하드웨어직접설치x 등

 

---

 

1. 웹브라우저, 웹서버 : 

 

  인터넷(Internet)을 사용하는 이유는 유튜브, 인스타그램, 홈페이지 등 텍스트, 이미지, 영상 등을 보기 위한 것이죠. 지금, 인터넷연결을 잠시 꺼보면, 할 수 있는 것이 메모장, 계산기 정도 밖에 없다는 것을 알 수 있을 거에요. 즉, 인터넷이란 다양한 데이터를 주고 받는 것을 의미하는 것이죠. 데이터를 주고받기 할 때, 송신자, 수신자가 있겠죠. 여기서, 송신자는 웹서버, 수신자는 웹브라우저입니다. 

 

  웹서버(Web Server)는 말 그대로 필요한 것을 '서빙(Serving)' 하는 것이에요. 에를 들면, 네이버 웹서버에 블로그 홈페이지를 저장했다가 웹브라우저가 원할 때, 서빙하는 것이죠. 웹브라우저(Web Browser)는 크롬(구글), 빙(마이크로소프트) 등이 있죠. 

 

 

정리 

웹브라우저, 웹서버 : 클라이언트(웹 브라우저, 데이터요청), 서버(웹 서버, 데이터응답)

 

 

2. 클라이언트(Client), 서버(Server) :  

 

  그런데, 사람들은 PC, 스마트폰을 크롬, 빙을 하기위해서만 쓰지않아요. 예를 들면, 스마트폰에 다운받은 카카오톡, 인스타그램 등을 사용하기도 하죠. 그래서, 이제부터는 웹브라우저, 웹서버 보다는 더 넓은 개념으로 '클라이언트(Client)', '서버(Server)'라는 말을 사용하기로 해요. 클라이언트에는 크롬, 빙을 포함한 카카오톡, 인스타그램, 유튜브 등도 포함이 됩니다. 서버는 클라이언트가 요청하는 데이터를 담고 있는 '데이터센터'로 이해하면 돼요. 

 

  여기서, 주목해야할 것은 클라이언트, 서버에서 직접 행동을 하는 녀석들을 '애플리케이션(Application)'이라고 부른다는 것이에요. 예를 들면, 카카오톡 이전에 '앱스토어'에 가서 다운로드를 받죠. 즉, 카카오톡, 인스타, 유튜브는 모두 '애플리케이션(Application, 이하 앱)'에 포함된 개념인 것이죠. 크롬, 빙도 크롬앱, 빙앱으로 부를 수 있는 것이죠. 

 

  서버도 마찬가지로 웹서버만 있는 것이 아니에요. 카카오톡은 '웹서버'보다는 그들만의 채팅서버가 필요하겠죠. 카카오톡앱(클라이언트)가 요청하는 것이 '채팅창'이기 채팅창 전용인 '카카오 서버'를 만들어야해요. 

 

 

 

정리 

클라이언트, 서버 : 클라이언트(데이터요청), 서버(데이터응답) 

* 클라이언트(Client) : 데이터요청 > 종류 : 웹브라우저(크롬, 빙 등), 채팅앱(카카오톡, 라인 등), 소셜앱(유튜브, 인스타 등) 

* 서버(Server) : 데이터응답 > 종류 : 웹서버, 채팅서버, 소셜서버

 

 

3. 웹앱(웹 애플리케이션 서버) : 

 

  웹 브라우저가 홈페이지 요청을 하면, 웹서버는 저장된 홈페이지를 보내주죠. 채팅앱(ex-카카오톡)이 요청을 하면, 채팅서버가 응답을 해주죠. 그런데, 이렇게 따로 앱-서버를 매칭하여 설치를 하면 비용이 많이 든다는 단점이 있어요. 그래서, 생각해낸 것이 '웹서버'로 실시간으로 만들어서 보내주면 어떻겠냐는 아이디어입니다. 예를 들면, 기존에는 이메일앱과 이메일 서버가 따로 존재했다면, 이메일 데이터베이스를 웹서버에 줍니다. 그리고, 웹서버는 이메일 데이터를 참조하여 자체적으로 웹페이지를 만들어서 클라이언트에게 '이메일'을 보여주죠. 이렇게 직접 웹페이지를 실시간으로 만들기 때문에, '웹애플리케이션서버(WAS, Web Application Server)'라고 부릅니다. 보통 줄여서 '웹앱(Web App)'이라고 부르죠. 

 

  웹앱의 가장 큰 장점은 '개인화'가 가능하다는 것이에요. 사용자가 입력한 데이터를 바탕으로 웹페이지를 만드는 것이죠. 예를 들면, '나의 장바구니', '나의 최근 검색어'가 있습니다. 

 

 

정리 

웹애플리케이션서버(WAS, Web Application Server) : 웹앱(Web App) > 역할: 실시간 웹페이지 생성 with 데이터베이스 for 전달 to 웹서버  > 장점 : OS통합(따로설치x), 웹오피스(실시간 엑셀공유 등), 개인하드웨어직접설치x 등