채팅방의 구현전 간단하게 Socket.IO 대해 알아보자 Socket.IO란 웹 소켓 연결을 통해 클라이언트와 서버간에 실시간 양방향 통신을 가능하게하는 JavaScript 라이브러리이다 클라이언트와 서버간에 webSocket 연결을 설정하여 작동한다 서버는 들어오는 연결을 확인하고 클라이언트가 방출하는 이벤트를 처리하고, 클라이언트는 서버에 연결하고 이벤트를 방출하거나 이벤트를 확인할 수 있다 클라이언트가 이벤트를 방출하면 서버는 이벤트를 수신하여 클라이언트로 응답을 다시 보내거나 동일한 네임 스페이스 또는 방에 있는 다른 클라이언트로 이벤트를 브로드 캐스트 한다 📌브로드 캐스트란 로컬 랜 상에 붙어있는(브로드캐스트 도메인 안에 있는) 모든 네트워크 장비들에게 보내는 통신 npm i socket.io ..

GraphQL 페이스북에서 만든 오픈 소스로 제공된 어플리케이션 레이어 쿼리 언어다 SQL이 데이터베이스 시스템으로부터 데이터를 가져오는 목적을 가진다면, GraphQL은 클라이언트가 데이터를 서버로부터 가져오는 것을 목적으로 한다. GraphQL은 HTTP를 통해 API 서버로 요청을 보내고 응답을 받는다 응답을 받을 시, 데이터 결과를 JSON 형식으로 받는다. GraphQL은 서버 개발자가 작성한 각 필드에 대응하는 resolver 함수로 각 필드의 데이터를 조회할 수 있다 GraphQL은 GraphQL 라이브러리가 조회 대상 schema가 유효한지 검사한다 하나의 엔드포인트 REST API는 보통 여러 엔드포인트를 가지며 각각의 엔드포인트가 동일한 응답을 반환한다. 하지만 GraphQL은 보통 하..

API(Application Programming Interface) API란 클라이언트가 리소스를 요청할 수 있도록 서버측에서 제공된 인터페이스(interface)를 말한다. 이러한 API로 데이터와 기능의 집합을 제공하여 컴퓨터 프로그램간 상호작용을 촉진하며, 서로 정보를 교환가능 하도록 한다 REST API 웹의 리소스를 HTTP URI 형식으로 표현하고 HTTP를 통해 요청과 응답을 정의하는 방식 웹 애플리케이션에서는 HTTP 메소드를 이용해 서버와 통신을 하는데, 어떤 요청을 보내고 받느냐에 따라 메소드의 사용이 달라지며 그에 따라 제대로 통신이 가능하도록 일종의 규약이 존재한다. 자원(RESOURCE) - URI 행위(Verb) - HTTP METHOD 표현(Representations) RE..

Chapter1. 웹 애플리케이션 아키텍처 클라이언트(client) : 서버로 요청을 보내고, 요청한 내용 응답(리소스)를 받아 사용하는 역할. (웹/앱을 이용하는 사용자) 서버(server) : 클라이언트의 요청에 따라 적절한 응답(리소스)를 전달해주는 곳 필요에 따라 서버는 데이터베이스에 요청을 보내고, 회신 받은 응답(리소스)을 활용한다. 데이터베이스 : 리소스를 저장하는 공간 (일종의 서버라고 볼 수 있음) 서버의 요청을 따라 적절한 응답(리소스)을 꺼내 서버에게 전달한다. 클라이언트와 서버는 요청과 응답을 주고 받는 관계이다. 요청을 해야 응답이 오고 요청없이 응답이 오는 경우는 없다 리소스를 사용하는 앱 ⇒ “클라이언트” 리소스가 제공(serve)하는 곳 ⇒ “서버” 상품 정보는 서버에서 다루..