프로젝트 배포와 점검

기획한 기본적인 채팅 기능 구현했다. 이제 서버와 클라이언트를 각각 배포하며 프로젝트를 완료할 것이다.

다만, 이번 프로젝트의 경우에는 서버 배포를 클라우드가 아닌 홈서버를 구축해 진행해볼 것이기에, 자세한 배포 과정은 이후 문서에서 다룰 예정이다.

끝으로, 프로젝트를 최종적으로 점검하며 이번 문서를 마무리하겠다.

프로젝트 배포

서버와 클라이언트를 각각 배포하고 실제 서비스 화면을 확인한다.

배포 정보

• 프레임워크: Next.js(서버) | Next.js(클라이언트)
• 배포 플랫폼: Home Server(서버) | Vercel(클라이언트)
• 접근 방식: 도메인 접속

배포 완료 화면

현재는 Vercel에서 제공한 도메인이 연결되어 있다. 실제 서비스는 Cola Chat에서 체험해볼 수 있다.

프로젝트 점검

동기와 목적, 그리고 개발 규칙 준수 여부를 스스로 점검해본다.

동기와 목적 체크

• 웹개발 주요 기능 중 하나인 채팅 기능을 직접 구현해보고 싶었다. → 채팅에 필요한 최소 기능으로 구현 완료.
• WebSocket의 통신 구조와 활용법을 익혀, 통신 프로토콜에 대한 이해를 확장하고자 한다. → 통신 연결부터 활용까지 다방면으로 경험해보고 이해에 많은 도움이 됨.
• 서버/클라이언트 기능 개발부터 배포 및 유지 관리까지 전 과정을 진행함으로써, 웹 서비스 개발 프로세스에 대한 이해의 깊이를 더하고 싶다. → 아키텍처 기획부터 디자인, 기능구현, 배포까지 올인원으로 개발 완료.

개발 규칙 체크

• 최대한 기능적으로 분리가 가능한 요소를 클래스로 모듈화하고, 역할을 논리적으로 분배한다. → 70% - 서버의 채팅 관련 기능을 한 모듈 내에 작성함.
• 유지 관리 측면에서 기능에 대한 주석을 정확하게 기입한다. → 70% - 서버는 가능한 기입했지만, 클라이언트는 일부 미비한 부분이 있음.
• 가독성 측면에서 클래스 및 메서드의 명칭에서 일관성을 유지하고 불필요한 코드는 제거한다. → 70% - 클라이언트에 중복된 컴포넌트 및 함수 호출 부분이 다소 있음.

마무리

해당 프로젝트를 돌아보며 성과와 과제를 정리한다.

해당 프로젝트는 웹 개발 역량을 키우기 위한 ‘기능 단위 개발’의 일환으로, 실시간 채팅 기능을 빠르게 구현해보는 데 중점을 둔 미니 프로젝트이며, WebSocket 활용이라는 명확한 목적을 가지고 시작했다.

개발을 진행하면서 더 나은 사용자 경험을 제공하고자 디자인과 반응형 웹에 대한 욕심이 생겼고, 그 결과 사용자 친화적인 인터페이스와 다양한 화면에서 대응할 수 있는 유연한 디자인을 갖춘 웹 서비스를 완성했다. 개발 시간이 다소 늘어나긴 했지만, 단순히 기술 구현을 넘어서 보다 완성도 높은 서비스를 만들었다는 점에서 만족감을 느낀다.

다만, 현재 구현된 기능은 성능 최적화와 기능 보완의 숙제가 남아있다. 앞으로 배포된 상태를 유지하면서 외부 피드백을 받으며 지속적으로 기능을 다듬고 성능을 개선하여, 더욱 안정적인 서비스로 관리해나갈 계획이다.

이렇게 Cola Chat 1.0을 완료한다.