GIPHY 리액트 클론 프로젝트입니다.
GIPHY의 성능 최적화와 웹 접근성을 준수를 통하여 사용자 경험을 향상시키는 것을 목표로 합니다.🎯
- light house 검사 결과 낮은 점수 (Perfomance, Accessibilty)
- 불편한 키보드 접근성
- 시멘틱하지 않은 HTML 태그의 사용
- 적응형 웹으로 device 최적화 되어있지 않음
- 일관적이지 않은 UX flow
- 불필요한 리렌더링
- light house 검사 결과를 평균 80점으로 향상
- 원활한 키보드 접근성 제공
- 시멘틱한 HTML 태그를 사용
- 반응형 웹 구현을 통한 device 최적화
- PC와 Mobile에서 일관적인 UX flow 제공
- 불필요한 리렌더링 개선
- React
- Redux(RTK)
- React-Router(v6)
- TypeScript
- styled-components library
- Storybook
- Webpack, Babel
- 22.01.06 ~ 22.01.28
- GIFT wiki에서 확인 할 수 있습니다.
박바름 | 박준규 | 임소형 |
---|---|---|
@congaweb | @jkpark104 | @sosoYim |