채팅 기능 구현 (2) - 환경 세팅

우선 stompJS 와 sockJS를 먼저 깔아보자

나는 타입스크립트를 쓰고 있기 때문에

npm i @types/sockjs-client
npm i @types/stompjs

그러면.. tsx 파일을 간단하게 생성해준 후

import SockJS from 'sockjs-client'
import StompJs from 'stompjs'

다음과 같이 프로젝트 상단에 import 해주었다.

간혹

import * as StompJs from 'stompjs'

이런 식으로 import 해야 한다고 하는 블로그 글이 있었는데 나의 경우 코딩 과정에 애로사항은 없어 그냥 변경 없이 작업을 했다.

그러면 이제 세팅이 되었으니 삽질을 할 차례다!