“딱딱한 설문은 싫어! 아기자기한 설문지 어디없니?”
불편한 터치, 답답한 글씨 사이즈, 떨어지는 가독성
기존 설문지에서 나타나는 문제를 폼폼폼은 직관적이고 사용하기 편안하게 풀었습니다.
- 기획 기간 : 2022.12.30 ~ 2023.01.05
- 개발 기간 : 2023.01.06 ~ 2023.02.09
| 역할 | 이름 | 분담 |
|---|---|---|
| FE🔰 | 안수빈 | 배포, 메인 페이지, 메인페이지 무한 스크롤, 제작 페이지, 폼 형식 따른 수정 삭제 추가 제작, 반응형, 마이페이지, 마이페이지 조회, 설문 응답 페이지, 통계 페이지, 설문 형식별 통계 그래프 조회 |
| FE | 김동균 | 회원가입,이메일 인증, 로그인, 소셜 로그인(카카오, 구글) |
1) 설문을 제작할 땐 미리보기로 모바일 유저들의 사용성 체크
모바일 유저들을 타겟으로 사용성을 체크하며, 깔끔하게 제작할 수 있습니다.
설문의 특성에 따라 제작할 수 있도록, 총 9가지의 폼을 구성하였습니다.
2) 좀 더 많은 참여자를 원할 땐 선물하기 기능으로 관심 UP!
선물하기 기능, 실시간 참여자 확인 기능을 통해 그저 재미없는 설문을 즐겁게 참여할 수 있도록 하였습니다.
3)설문 타입 맞춤 한눈에 볼 수 있는 통계 자료
설문 제작자에게 각 폼에 따라 다양한 통계 타입을 제공합니다.
선택 기간에 응답된 설문들의 통계 조회가 가능하며, 엑셀로 데이터를 받아 볼 수 있습니다.
✔︎ Tech
✔︎ Design
✔︎ Tools
| 이슈 | 설명 |
|---|---|
| CloudFront | 사용자에게 제공되는 정적 컨텐츠의 전송 속도를 높이고 HTTPS를 적용시키기 위해 사용하였습니다. |
| redux-toolkit | context API와 리코일, 리덕스 툴킷을 비교 후, 리덕스 툴킷을 선택하였습니다. 리덕스 툴킷은 리덕스의 사용성과 보일러 플레이트를 보안하였고, 데이터가 복잡할 때 흐름을 파악하는데 용이하였습니다. |
| Apex-charts | 데이터를 분석하는 입장에서도 용이하도록 제작하였습니다. APEX 라이브러리는 다양한 형식, 눈을 끌 수 있는 애니메이션, 한눈에 볼 수 있는 깔끔한 UI로 저희 프로젝트에 적합한 라이브러리였습니다. |
배포
❓도메인 설정하고 CloudFront를 사용하여 https를 적용한 후, 변경 내용이 적용이 되지 않았습니다.
❗️1차적으로 도메인 명과 버킷명을 동일하게 변경하였습니다. 그 후 CloudFront의 Invalidations(무효화)를 진행하여 Edge Location에 저장된 캐시를 삭제하여 변경 내용을 도메인 페이지에 적용하였습니다.
