진행사항 정리
1. 슬라이더 구현
- 영상 첨부가 안되어 사진으로만 남기게 되었다.(추후에 GIF라도 되면 첨부해야지)
- 왼쪽 오른쪽 버튼을 누르게 되면 화면에 맞는 슬라이더를 구현하였다.
- 세부 설명 -> 전체 문제 중 현재 몇 번째 문제인지 알려주는 것으로 수정했다.
- 마지막 문제인 경우 "결과 확인하러 가기" 텍스트를 클릭하게 되면 전체 문제 중 틀린 문제, 맞는 문제가 몇 문제인지 확인하는 페이지로 이동하게 된다.
2. 아쉬운 점
- 슬라이더 구현하는 법이 기억이 안나 시간이 너무 오래걸렸다. (복습의 중요성..)
- 슬라이더를 구현하며 디자인 수정하는데 시간을 생각보다 잡아먹었다. 버튼 위치, 답이 나오는 부분, 전체 컨테이너 높이 등 여러가지를 고려하다보니 머리가 복잡해졌다.
questions.map(question => questions.findIndex(prevQuestion => prevQuestion.question === question.question) === selfCheckNum ?
- 문제 번호에 해당되는 문제를 보여주기 위해 다음과 같이 코드를 작성하였는데, 코드가 좀 더러운 것 같다. 사실상 반복문을 2번 순회하는 거라 한번만 순회해도 될 것 같은데 지금 생각에서 최선의 코드였다.
- 시간나면 리팩토링을 해봐야 할 거 같다.
FE