김정호
김다은
조은서
안혜수
- 룰렛 아이템의 최대는 10개
- 아이템 개수마다 폼이 유동적으로 변했으면 좋겠음
- 항목은 내용과 비율, 삭제 버튼으로 이루어짐
- 삭제 버튼을 누르면 해당 항목이 삭제 됨
- 새로고침 버튼을 누르면 항목이 전부 삭제되며 기본 폼으로 돌아감
- 룰렛 생성 방식
- 만들기 버튼을 누르면 룰렛이 원래는 없었는데 생성됨
- 항목을 추가할 때 마다 자동 적용
- 항목 추가 버튼을 누르면 항목이 1개 늘어남
- 비율은 내부적으로 계산해 합을 항상 100%로 유지
- 룰렛이 돌아가는 시간 3초
- 룰렛은 자동으로 멈춤
- 룰렛 타입 : 원형
- 다시하기 버튼을 누르면 폼은 유지한 채로 룰렛만 재가동
- 만약 룰렛의 화살표가 가리키는 위치가 딱 경계부분이라면 화살표 기준 오른쪽 항목이 당첨됨
- 저장 기능 x
이현준
이상훈
- 항목 수의 input 타입이 number이고 최대 1~10개 입력 가능.
- 입력한 항목 수에 따라서 하단에 항목의 내용과, 비율을 선택하는 인풋 컴포넌트가 생성됨.
- 비율을 숫자로 입력하면, 자동으로 모든 항목의 비율이 최대 100%가 되도록 계산
- 룰렛 항목의 색상은 랜덤
회의 내용
- 항목추가랑 룰렛 배치 고정형(반응형x)으로 만들기 항목추가하는 부분을 (현준님, 상훈님, 혜수님) 처럼 아래나 가로에 배치 ⇒ 가로형으로 확정
- 시작버튼을 가운데에 둘지 다른데에 둘지 중앙으로 확정
- 화살표 돌릴지 원판 돌릴지? 원판으로 확정
- 결과내역 저장 넣기 ⇒ 모달처럼 가운데에 띄우고 뒤엔 블러처리 , 스크롤 도전추!
- 초기화 버튼 alert 창으로 정말 폼을 초기화하겠느냐는 경고가 등장하고, 확인을 누르면 작성했던 폼이 새로고침된다.
- 룰렛 업데이트 알고리즘 1. 사용자가 항목의 내용 입력 Input 에서 focus out 이벤트가 발생. 2. 사용자가 항목의 비율 입력 Input 에서 focus out 이벤트가 발생. 3. 사용자가 항목의 체크박스 클릭. 4. 사용자가 기존의 항목 제거.
- 체크박스 넣기
- 항목수 처음에는 버튼식..? 나중에 항목수 넣기
- 결과 내역 버튼 누르면 결과 내역 확인 모달이 등장하고 배경에 약간 블러처리.
(모달의 높이는 고정되어있고, 결과가 많아서 모달에 다 보여지지 않는다면 스크롤을 내릴 수 있음)
- 글자 수 제한 20글자
- 만들기 버튼 추후에 필요하면 만들기