-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merge : Pratice 페이지 #41
Conversation
- 전체적인 css 완성
- 이전 다음 버튼 구현 - 버튼 문제의 index에 따라 활성화,비활성화 구현
- 문제 페이지에서 사용자가 선택하는 문제를 전역으로 관리하기 위한 redux toolkit 세팅
- 사용자가 클릭한 답 choices에 저장 - 답을 고쳤을경우 답 교체
- 선택했던 정답 bg 노란색으로 변경 - 이전 다음 버튼 색상 변경
- package-lock.json 삭제하고 재생성 - frontend/package.json 업데이트 - .env.example에 새로운 환경변수 추가
- redux toolkit 으로 비동기 get요청
- home 버튼을 누르면 type이 out인 모달창 작동 - 마지막 문제 버튼 누를시 type이 check인 모달창 작동
- 선택한 답이 정답일경우 isCorrect를 true로 저장
- largeMobile 300px을 기준으로 반응형 구현 - smallMobile 250px을 기준으로 반응형 구현
frontend/src/pages/Practice.tsx
Outdated
import data from './practicedata.json'; | ||
import { useNavigate } from 'react-router-dom'; | ||
|
||
const Wrapper = styled.div` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
혹시 스타일은 따로 파일을 만들어서 스타일 폴더에 넣어주실 수 있나요?
style directory에 컴포넌트 구조랑 똑같이 스타일 파일들을 관리하고 있어서요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
넵 알겠습니다
- css를 style 폴더에 따로 관리
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다!!
PR 체크리스트
아래 항목을 확인해 주세요:
PR 유형
이 PR은 어떤 종류의 변경을 가져오나요?
관련 이슈
이슈 번호: #34
현재 동작은 무엇인가요?
practice 페이지가 없습니다
새로운 동작은 무엇인가요?
이 PR은 호환성 변경을 도입하나요?
redux와 redux toolkit을 설치했습니다.
기타 정보