1. 기획 구체화
최종적으로 기획을 정했지만 아직 구체화 할 부분이 있어서 기획 구체화에 들어갔다. 첫번째로 "우리가 계획한 기능에 어떤 기술스택을 사용할까?" 에 대한 논의를 했다.
1-1 기술스택
- Database
먼저 로그인 및 회원가입과 Database 를 관리할 때 어떤걸 이용할지 정했는데 firebase, supabase, next auth 등 다양한 의견이 나왔고 결론은 supabase 를 사용하기로 했다. supabase 가 이전 심화프로젝트를 진행할 때 많이들 썼던 데이터관리 서비스이고 영어긴하지만 Docs 에 기능별로 자세하게 제공되어있기 때문에 고른게 가장 크다.
- 전역상태 라이브러리
전역상태 같은 경우는 Zustand, recoil, jotai 등이 있었고, 그 중 Zustand 를 이전 심화 프로젝트때 많이들 써봤는데 기존에 써본 라이브러리 보단 다른 걸 써보고싶다는 의견이 나왔다. recoil은 마지막 업데이트가 약 7개월 전이고 얼리억세스 같은 느낌이라서 오류가 많다고 한다. 그래서 그 오류를 개선시켜본 jotai 를 써보기 했다.
redux는 진짜 안쓰고싶었다......
- alert
alert 메신저는 toastify 를 선택하기로 바로 결정했다. 그리고 react-icons 을 사용해서 편하게 아이콘들을 이용해 볼 생각이다.
1-2 기능 요소들 구체화
어떤 기능들을 넣을지 정했고 기술 스택도 정했지만 막상 와이어프레임을 만들기 전에 퀴즈 에디터, 퀴즈 푸는 방식에 대해 '어떻게 구현할 것인가?' 에 대한 회의를 아직 못한부분이 있어서 의견을 나눴고 이후 각 주요 기능들을 구현하기 위해서 걸리는 시간을 예상해보고 설계를 해보고있다.
2. 문제점 및 해결
2-1 문제점
일단 위에서 언급한 퀴즈 에디터를 어떻게 구현할지 얘기한 후 예상 시간을 설계 중 퀴즈 에디터와 퀴즈 푸는 기능에 대한 생각만 했지 어떤 형식을 가지고 어떻게 사용하는지에 대한 회의가 부족한채로 넘어가서 각자 생각하고 있는 페이지의 형식이 달랐다. 또한 얘기를 하던 중 기존 계획했던 "여러 사용자가 한개의 문제집을 같이 만들었을 때 생기는 중복문제와 문제 관리가 어렵다" 는 이슈도 발생했다.
2-2 해결방안
일단 문제집은 여러명이 한개의 문제집을 만드는게 아닌, 각자 문제를 만들 수 있는 문제집으로 구상하기로 결정했고, 페이지 형식에 대해서는 머릿속으로 구상하고 얘기하는게 아니라 실제 다른 레퍼런스를 가져오거나 직접 그려서 보여주면서 회의를 진행했더니 다들 이해가 빠르게 됐고 페이지 형식도 잘 설계됐다.
진짜로 그냥 이해를 위해서 막 만들고 적었다.
3. 와이어 프레임
일단 완성은 못했는데 오히려 기존에 디자인 요소를 너무 넣게돼어 색과 우리가 원하는 디자인 요소가 있으면 내일 적어둬서 디자이너분이 잘 이해해서 좀 더 좋은 레퍼런스를 얻을 수 있고 협업을 잘 할수있도록 기능에 대한 설명을 적어두기로 했다.
와이어프레임
여러가지 레퍼런스
:)