ryong9rrr / mini-quiz-app Goto Github PK
View Code? Open in Web Editor NEW오픈 소스 API를 활용한 간단한 퀴즈 앱 with Jest
오픈 소스 API를 활용한 간단한 퀴즈 앱 with Jest
현재 상태로직 구현이 안되있어서 퀴즈 결과 페이지와 오답노트 페이지에 진입하면 퀴즈 풀기 페이지로 유도하고 있다.
상태로직 구현을 완료하고 테스트 코드를 작성한다.
렌더링에 필요한 값만 받아서 렌더링할 수 있는 형태로 구현한다. 버튼을 클릭해서 일어나는 동작 등 사용자 액션에 관한 부분은 상위 컴포넌트(퀴즈 페이지)에서 처리한다.
이렇게하면 렌더링에 대한 테스트를 따로 작성하는데 용이할것이다.
UX와 테스팅에 용이하도록 페이지마다 page title을 보여주는 기능을 추가한다.
react-helmet
퀴즈를 풀다가 새로고침 등을 하는 경우, 상태를 유지하기 위한 storage
외부 의존성을 주입한다. 상태 변경이 있다면 외부 스토리지를 업데이트한다.
생각나면 추가하기
퀴즈 목록 10개를 랜덤 생성하는 API 모듈을 구현한다.
상태를 변경하는 로직인 리듀서에 대한 단위 테스트를 작성한다.
router와 기본 페이지 정보를 렌더링하는 로직을 구현한다.
퀴즈 도메인에 대한 모든 기능을 제공하는 useQuiz의 기능들을 테스트 한다.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.