React - Express(node.js)간의 연결을 하려고 아둥바둥 거리던 찰나,
현직자인 오빠가 아직 웹 서버와 API 서버에 대해 개념이 헷갈리는 거 같으니
다시 개념을 공부해보라고 하여 찾아보았다.
웹 서버(Web Server)
웹이란 HTML, CSS, JavaScript로 이루어진 것으로 이러한 웹을 실행하는 환경을
Browser(브라우저, 웹 브라우저)라고 하며 웹을 제공하는 곳이 Web Server이다.
Web Server에서는 브라우저가 웹 요청을 했을 때 웹을 넘겨주기 전에 코드를 미리 실행할 수 있다.
미리 API서버에서 정보를 받아와서 HTML, CSS를 변경할 수 있으며 이를 SSR 방식이라고 한다.
- SSR( Server Side Rendering)
- CSR( Client Side Rendering)
위 두 개념에 대해선 추후에 작성해볼 계획이다.
API 서버(API Server)
기본적으로, 데이터베이스는 웹, 앱을 사용하는 클라이언트의 접근을 막으나(방화벽 등을 통해)
데이터를 전달하는 'API Server'에는 이를 허용한다.
보안을 위해 API Server(WAS), 서비스 관리자, 허용한 특정 IP등에만 접근을 허용한다.
(* WAS : Web Application Server로, API Server에 포함돼있으나 프론트엔드(웹, 앱)에게
데이터를 제공하는 API Server라는 좀 더 하위적인 개념이다)
프론트 엔드에서 요청하는 로그인, 장바구니 담기 등 DB와 통신해야 하는 기능을 수행하는 것이
API Server라고 이해했다.
웹 Server : 웹을 제공하는 서버 (HTML, CSS, JS)
API Server : 데이터 통신을 위해 사용하는 서버 ( DB와의 통신...)
참고한 글, 출처 정보
그랩의 블로그 : https://www.grabbing.me/ (강추!)
