목적

• [x] 학습 발표 일정 정하기
• [x] 2차 스프린트
• [x] 3차 스프린트 범위 및 일정 잡기

내용 요약

2차 스프린트

일정 : 5/21 21:15 ~ 23:00

• 디자인 완성 | @익명 | | 레이아웃 잡기 | | - 전체 페이지에 공통으로 적용될 레이아웃(좌우 여백 등) 잡기 | 회의 당일에 완료 | | 디자인 | 1명 | - 컬러 토큰 | @익명 | | 시작 페이지 | 1명 | - 사용자별명 받기 | @익명 | | 문제풀이 페이지 | 2명 | - 진행정도 바차트 구현
• 질문 내 뒤로가기
• 결과 계산 로직 | @익명 @익명 | | 결과 페이지 | 2명 | - 링크 공유
• 이미지 저장
• 차트 그리기 | ‣ @익명 | | flow test | | - Logging
• Error monitering | 빛남준 |

문제풀이 → 결과 페이지로 전달할 데이터

• 각 유형별 점수만 넘기면 됨 (유형 소개/공부 방법 텍스트 넘길 필요 X)

{
	'야생형': 23,
	'교과서형': 12,
	'지피티형': 42,
	'문제집형': 2,
	'메뚜기형': 12
}

디자인 (최종)

• 레퍼런스 : https://smore.im/quiz/nnTk2iDBHx
• 디자인 조정 범위
  • 피그마에 제시된 디자인 수치(예: 여백, 크기 등)는 절대적인 기준이 아니라 참고용

<RadioGroup /> 개발 시 참고사항

const textLabel = ['매우 그렇지 않다', '그렇지 않다', '보통이다', '그렇다', '매우 그렇다'];

return (
    <div>
      {[1, 2, 3, 4, 5].map((num) => (
      {textLabel.map((num) => (

• map으로 뿌릴 배열을 새로 만들지 말고 textLabel 사용하면 될듯
• 서버에서 렌더링 되는 컴포넌트에서는 하위로 onChange 같은 props를 전달할 수 없으니 참고