Link : https://janghyuckyun.github.io/React-Japanese_App/
친구가 다니는 일본어 학원은 주로 책을 이용해 공부를 합니다. 하지만 대중교통 등 다른곳에서도 책으로 공부하긴 불편하여 앱,웹으로 만들어달라고 부탁받아 개발을 하게 되었습니다.
크게 단어(Words), 문법(Grammers), EJU(Examination for Japanese University) 이 3개로 나뉘어 집니다.
...
- BrowserRouter, Routes,Route Component를 활용하여 각 페이지를 이동하는 법에 대해 알게 되었습니다.
(참고자료: https://velog.io/@devstone/react-router-dom-이해하고-활용하기)- Framer-Motion 패키지를 활용하여 각 태그에 애니메이션 효과를 주는법에 대해 알게 되었습니다.
(참고자료: https://velog.io/@yrnana/framer-motion-react를-위한-motion-gesture-라이브러리)
2021-12-30
- Single Page로 제작중 reload시 404에러 관련 오류 수정.
(참고 자료:https://github.com/rafgraph/spa-github-pages)- Footer Design 추가
2022-01-03
- Home Design 추가
- Level 선택 페이지 추가
- Info Json 추가
- Learn 하드코딩 되어있는 부분 반복문으로 교체
2022-01-18
- InfoStore 에서 json 파일 관리하도록 설정
- Component 수정
- Style 수정
2022-01-19
- Chapter 컴포넌트 추가 및 적용
- 클릭 시 애니메이션 효과 적용
- ngrok, framer-motion package 추가
- test customHook 추가