Pusher 를 이용한 실시간 채팅 웹앱 만들기 #5 (w/ Laravel, Nuxt)
이번 글에서는 채팅 앱 프론트엔드 코드를 작성하고 Pusher
, 만들어놓은 Laravel
백엔드와 각각 연결해서 가장 간단한 채팅 앱을 만들어보겠습니다.
이번 글에서는 채팅 앱 프론트엔드 코드를 작성하고 Pusher
, 만들어놓은 Laravel
백엔드와 각각 연결해서 가장 간단한 채팅 앱을 만들어보겠습니다.
이번 글에서는 가장 간단한 형태의 채팅 앱 프론트엔드 코드를 작성하기 전에, Nuxt
(or Vue
) 개발환경을 설정해보겠습니다.
이번 글에서는 본격적으로 채팅 서비스를 위한 백엔드 코드들을 Laravel
로 작성해보면서 Laravel
에서 Pusher
와 연동하여 이벤트를 클라이언트들로 브로드캐스팅 해보겠습니다.
이번 글에서는 Laravel
개발 환경을 설정하고, 새로운 Laravel
프로젝트를 하나 만들어 그 프로젝트 안에서의 기본 설정과 Pusher
와의 연동을 위한 환경설정을 하겠습니다.
Pusher
?채팅 서비스나 구글 Docs의 동시 문서편집 같이 웹 페이지를 통해 클라이언트들이 실시간으로 상호작용을 해야 하는 기능을 깔끔하게 개발하려면 웹소켓을 사용해야 합니다.