이번에는 참가자목록 및 이미지 업로드 기능을 추가했습니다. 참가자목록 채팅방에 유저가 접속하면, 서버에서 해당 유저를 Map에 저장하여 클라이언트측으로 배열 형태로 넘겨주는 방식으로 구현했습니다. > 1. 유저의 socket.id를 key, 닉네임을 value형

Next.js - 채팅 어플리케이션 구현 2편

Next.js로 사이드프로젝트 진행 중, socket.io를 활용한 채팅방 기능을 구현하고 있습니다.(서버는 express로 구성)express를 활용한 서버측 구성은 아래와 같이 구성합니다.io변수의 path는 클라이언트측과 socekt을 연동시켜주는 주소라고 생각하

SSR 및 SSG관련 내용을 정리하다가 문득 HTML생성시점이 헷갈려서 정리해 본다위의 이미지들과 같이 SSR의 경우, build 시 HTML파일을 생성하지 않는다.따라서, 유저가 해당 페이지에 접속한 경우에 HTML을 생성하여 전달해준다.반면, SSG는 build 시

Next.js에서는 express에서와 같이 middleware를 사용가능하다.만약 전역 middleware를 사용하고 싶다면 page폴더에 middleware.ts파일을 작성하면된다.공식문서 URL

위의 코드에서 source경로로 접근 시, destination경로를 보여준다.단, source경로에 해당하는 페이지가 존재하는 경우에는 source화면을 보여준다.rewrites는 api 경로를 숨기는 경우에도 사용 가능하다.위의 코드에 따라, api요청시 sourc

Next.js 는 404에러 및 500에러를 담당하는 페이지를 커스텀 가능하다구현되지 않는 페이지로 접속 시 보여주는 페이지이다.파일명은 404.tsx로하여 원하는 형식으로 에러 페이지를 구성해준다빌드환경에서 에러가 발생할 시 이동하는 페이지이다.파일명은 \_docum