Synapse X는 기록 기반 네트워킹 기능 중심 하이브리드 컨퍼런스 통합 운영 솔루션입니다.
온/오프라인에서의 참가 인사이트를 기록하고, 타 참가자 및 연사와 연결될 수 있는 네트워킹의 단초를 제공합니다.
프로젝트 개발 기간: 2025.02.24. ~ 2025.04.02. (5주)
9oorm DEEP DIVE 파이널 프로젝트에서 최우수상을 수상했습니다. 자세한 프로젝트 소개는 구름 홈페이지에서 확인 가능합니다.
| Frontend | |
|---|---|
 |
 |
| @ccconac | @leeluse |
| 마이 페이지 & 로그인(회원/비회원) 페이지 구현 참가 신청 결제 페이지 & 인사이트 목록 페이지 구현 메인 페이지(인터랙션) 구현 & 클라이언트 서버 배포 |
세션 전체 일정 페이지 & 참가 신청 페이지 구현 세션 별 인사이트 작성 페이지 구현 사용자 인사이트 노트 페이지 구현 |
| 선택한 기술 | 사용 이유 |
|---|---|
| TypeScript | 정적 타입 지원을 통해 런타임 오류를 사전에 방지하고, 코드의 가독성과 유지보수성을 향상시키기 위해 채택. 안정적인 개발 환경을 보장할 수 있음. |
| Next.js | SSR(Server-Side Rendering)과 SSG(Static Site Generation)을 지원해 초기 로딩 속도를 개선하고 SEO 친화적인 페이지 제공이 가능함. 또한, client-side navigation으로 부드러운 페이지 전환 경험을 제공하며, 복잡한 설정 없이도 최적화된 성능을 확보할 수 있음. |
| TailwindCSS | 빌드 타임에 stylesheet를 가져오기 때문에 SSR 환경에서 추가적인 설정이 필요 없으며, atomic한 특성으로 인해 프로젝트의 크기가 거대해져도 stylesheet의 크기가 비례해 늘어나지 않음. |
| TanStack Query | 서버 상태 관리에 특화된 라이브러리로, 캐싱·동기화·무효화 로직이 자동화되어 반복적인 비동기 처리 코드를 줄일 수 있음. 서버 데이터 흐름을 일관성 있게 유지하고, 로딩·에러 상태를 직관적으로 관리할 수 있어 개발 속도와 안정성을 동시에 확보함. |
| Zustand | 컴포넌트 수가 늘어나면서 발생하는 props drilling 문제를 해결하기 위해 채택. 보일러플레이트 코드가 적고 API가 단순해 러닝커브가 낮으며, 전역 상태를 가볍고 직관적으로 관리할 수 있음. |
| Vercel | Next.js와의 최적화된 호환성을 제공해 별도의 설정 없이도 손쉽게 배포 가능. 자동 SSL 인증, 커스텀 도메인 연결, Git 저장소 기반 CI/CD를 지원해 배포 프로세스를 단순화하고 안정적인 운영 환경을 구축할 수 있음. |
