[App 개발] Next.js 14 에서 socket.io 라이브러리 사용하기
·
Project01 [Chat App]
실시간 채팅앱을 만들려고 하는데 전부 처음 사용해보는 언어들이라 공부할게 너무 많다. 풀스택 작업이 가능하다 해서 Next.js를 선정했고,거기에 실시간 채팅을 구현하기에 좋은 socket.io라는 라이브러리가 있다고 해서 신나서 따라했는데 계속해서 이렇게 socke.io api를 호출자체를 못하고 있었다.그렇게 시작된 구글링과의 전쟁...... 결론먼저 말하면 Next.js의 버전이 업그레이드 되어서였다. socket.io채팅과 같이 실시간 통신이 필요할때 가장 많이 사용하는 방법이다.프론트파트에서 socket.io-client라는 패키지를 사용하고, 서버에서는 socket.io 패키지와 서버 인스턴스를 연결하여 프로트와 서버가 통신하는 방식이다. 하지만 next.js14 app router 방식에선는..