작품 소개

‘결정장애 놀이터’라는 슬로건으로 출시된 소셜 투표 플랫폼 “디오댓”을 소개합니다.

“이게 나아, 저게 나아?” 고민되는 두 가지 선택지를 익명으로 투표에 부치는 형식으로, Next.js와 Typescript로 만든 웹 애플리케이션입니다.

개발 배경

저의 심각한 결정장애에서 비롯된 서비스 입니다. 결정장애를 가진 사람들도 본인이 아닌 다른 사람들의 문제에는 쉽게 결정을 내리는 경향에 착안하여, 서로의 선택을 돕는 유저 커뮤니티를 형성했습니다.

결정이 필요한 선택지를 제시하여 다른 사람으로부터 도움을 받는 것을 목적으로 만들었으나, 두 옵션 중 하나에 투표하는 포맷의 특성상 밸런스게임 형식의 콘텐츠로 유저들이 사용하는 것을 확인하여 별도의 해시태그(#밸런스게임)를 운영하고 있습니다.

(베타 테스터들로부터 좋은 반응을 얻어 회원가입 기능, 모바일 앱 개발 등 완성도를 높여 정식 서비스로 런칭할 계획입니다.)

주요 기능

• 투표 포스트 작성 기능

• 투표 기능

  • 본인이 등록한 포스트에는 투표 권한 없음
  • 타인의 포스트에 투표 가능
  • 투표에 참여해야만 투표 현황 확인할 수 있음
  • 투표 선택 바꾸기 및 취소

• 내가 작성한 투표 포스트 수정 및 삭제 기능

• 투표 포스트 공유 기능

• 해시태그 기능

• 피드 무한 스크롤 기능

• 내가 올린 투표 포스트를 모아 볼 수 있는 마이페이지

• 모바일, 타블렛, 데스크톱 모두 커버할 수 있도록 반응형으로 UI 디자인 및 개발 (Tailwind css 사용)

• 회원가입이 전환율을 떨어뜨릴 거라 판단하여, 브라우저 기반 uid 생성 및 local storage에 보관하여 사용자를 특정하는 방법을 선택

• Material UI, 이미지 업로드 등 외부 library 활용

• Next.js에서 CSR(Client-Side Rendering), SSR(Server-Side Rendering), SSG(Static Site Generation)를 혼합하여 사용

• Vercel, AWS S3, MongoDB Atlas 등 다양한 클라우드 서비스를 활용