1분 만에 온라인 익명 투표를 만드는 방법
![avatar](/_next/image?url=%2Favatar.png&w=96&q=75)
kidow
@kidow
![1분 만에 온라인 익명 투표를 만드는 방법](https://i.imgur.com/pJJLFMH.png)
태그
Nextjs
설명
2주 정도 걸려서 만든 사이드 프로젝트를 하나 소개해 보려고 합니다.
배포
배포
수정일
Nov 15, 2023 01:57 AM
생성일
Nov 8, 2023 07:04 AM
오늘은 제가 2주 정도 걸려서 만든 사이드 프로젝트를 하나 소개해 보려고 해요.
딱히 특별한 계기는 없고 갑자기 생각난 아이디어였는데, 제 실력으로 금방 만들 수 있을 것 같아서 바로 만들어 본 프로덕트입니다.
간단하게 얘기하면 익명 투표를 웹에서 빠르게 만들 수 있고 공유할 수 있는 일종의 소셜 혹은 마케팅 도구라고 볼 수 있겠습니다.
기본적인 사용법과 기능들을 소개해보겠습니다.
기본 사용법
![notion image](https://www.notion.so/image/https%3A%2F%2Fwww.voat.in%2Fcontents%2F2%2Fpreview.gif?table=block&id=2cff01a2-79e7-4b32-9756-152a394e6870&cache=v2)
홈페이지에 들어오면 주제와 선택지를 입력할 수 있는 인풋이 한 눈에 보입니다. 입력 후 하단 생성 버튼을 눌러 생성하면 곧바로 투표장으로 이동합니다.
원하는 선택지를 선택하고 투표 버튼을 누르면 투표가 완료됩니다.
기능
아마도 뒤따라올 질문은 ‘이게 다른 서비스랑 뭐가 다른가요?’일거에요. 저는 최대한 이 서비스가 버티컬 프로덕트로서 투표를 다양하게 만들 수 있도록 커스텀 가능하다는 것을 중점으로 두고 싶었어요.
무료, 무제한, 로그인 없음
모든 투표 주제는 무료로 만들 수 있으며 생성 횟수에 제한이 없습니다. 또한 익명 투표이기 때문에 로그인할 필요가 없습니다.
시작일과 마감일 지정
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2Fe247940f-3e0c-4689-a575-7994ae12a7d1%2FUntitled.png?table=block&id=b4fed828-c8fc-4a0d-9e89-f93e370db687&cache=v2)
기본적으로는 투표 생성 시 곧바도 투표가 시작되지만, 특정 일자에 시작하도록 예약을 걸어 놓을 수 있습니다.
마감일자는 기본적으로 시작일로부터 7일 이후이지만 최대 1개월까지 설정할 수 있습니다. 마감일자에 도달하면 투표가 종료되고 더 이상 투표할 수 없게 됩니다.
중복 투표
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F4e6cfa38-a625-44bc-83b8-cde7b7f65364%2FUntitled.png?table=block&id=02926150-7644-4295-ba8f-b3aeba6e7a8f&cache=v2)
최대 3번까지 중복 투표를 허용할 수 있습니다.
공개 투표
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F0a63d7f5-d25b-4224-8294-7a1b21bfae9c%2FUntitled.png?table=block&id=0adc348a-82ca-4533-b35f-8da8d8b99e3d&cache=v2)
기본적으로는 익명 투표이지만 경우에 따라 투표자의 이름을 받고 싶을 때도 있을 겁니다.
기명 투표
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2Fe410c816-a6a9-48f7-a677-afd7f3c53ef2%2FUntitled.png?table=block&id=d774abd0-ec8e-469d-9f61-17b6bd57c0f9&cache=v2)
제공된 선택지 외에도 다양한 투표자의 의견을 받고 싶다면 기명 투표를 허용하세요.
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2Fb237b6d1-a0fd-46dd-9d33-811dd38de2fc%2FUntitled.png?table=block&id=edb5fae2-f90c-47c7-9d89-8a2c3243d6a7&cache=v2)
투표 후 결과 숨기기
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F359fb5e4-ea6a-4548-ac76-3e47512cc984%2FUntitled.png?table=block&id=403f52fc-d1da-45f4-8ab4-a5b86b88fef7&cache=v2)
원래는 투표 후에 바로 현재 투표 상황을 알 수 있지만 마감 후에 결과를 보여주고 싶을 수도 있습니다.
참가자 수 고정
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F796bb354-664f-4344-9b32-e76317a04a7b%2FUntitled.png?table=block&id=8152827f-8613-4577-a3b3-a0d096c1eec8&cache=v2)
딱 원하는 인원 수만 투표를 받고 조기에 종료시키고 싶을 수도 있습니다. 마감일자 전에 투표자 수가 충족되면 자동으로 투표는 종료됩니다. 예를 들어 1000명으로 투표자 수를 고정하면 마감 전에 1000명이 투표할 시 자동으로 투표가 종료됩니다.
비공개 패스워드
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F09c868a3-c2b2-4fed-aae2-ed3a5ec44c39%2FUntitled.png?table=block&id=542a8f5a-5931-461c-ae5c-dbe0282a6c35&cache=v2)
투표를 비공개로 전환하고 원하는 사람만 투표하도록 하고 싶으면 비공개 비밀번호를 설정하면 됩니다.
관리자 패스워드
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F7130eae4-096c-4f39-9f54-c57493297c66%2FUntitled.png?table=block&id=77a4dfd3-8b69-4707-ae7a-7e185e56a989&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2Ff4eb66bd-4713-43ce-926b-d2d7ebe315ad%2FUntitled.png?table=block&id=970cce07-24dc-4da2-8a03-f5abbc6c58a2&cache=v2)
만약 인상깊었던 투표 주제를 영구적으로 보존하고 싶다면 관리자 비밀번호를 설정해야 합니다. 투표가 마감된 후 관리자 버튼을 누르고, 비밀번호를 입력해서 대시보드에 접근할 수 있게 됩니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F5d995be2-408c-474f-b9ff-a5cdc279fe79%2FUntitled.png?table=block&id=bc0b5fb0-1de2-42d0-a692-d19d630dc40a&cache=v2)
댓글 기능
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2Faa404725-54fb-4102-b842-1b14f9803432%2F373ac6d3-eef9-477c-891a-0b7054eb6682%2FUntitled.png?table=block&id=fe6852e7-14f9-40fc-87fa-8ebf71c4f2a2&cache=v2)
투표 후 익명의 사람들과 대화할 수도 있습니다. 비활성화도 물론 가능합니다.
마무리
아직은 서비스가 완전하진 않습니다. 보완하거나 추가하고 싶은 기능들도 많이 있을 거고요. 혹시나 이 글을 보게 된다면 꼭 테스트해주시고 피드백해주시면 감사하겠습니다! Voat에 대한 이야기는 앞으로도 계속됩니다. voat에도 블로그가 있으니 더 관심주시면 고맙구요!
사이트 주소: https://voat.in
- Nextjs