# 여신티켓 React 웹뷰 서비스
## Description
여신티켓 앱 내 웹뷰 페이지 및 커스텀 페이지들을 React로 개발하고 유지보수 중에 있습니다.
## What did I do
- 기존의 PHP 베이스로 서비스 되던 여신티켓을 React로 리팩토링 하였습니다.
현재는 IOS, AOS 네이티브 앱으로 전환되어 앱 내 필요한 페이지들을 웹뷰로 개발하고 있습니다.
- 배포 및 수정이 빠른 웹뷰의 특성을 활용해 앱 내에 결제 페이지, 제품 상세, 이벤트 상세 등을
React로 개발하고 있습니다.
- [입점 페이지](https://front.yeoshin.co.kr/storeRegister)와 같이 새로운 유저의 유입 혹은 다른 부서의 필요에 따라 개별 페이지가 필요할 경우
커스텀 페이지를 개발했습니다.
- Storybook을 활용해 사내 디자인 시스템을 구축하려 했고 현재는 베타버전으로 만들어 사용하고 있습니다.
- 기존의 Mobx를 사용해 상태관리 하던 방식을 React-Query와 Zustand의 조합으로 리팩토링 하였습니다.
Mobx의 방대한 보일러 플레이트 코드들을 좀 더 직관적이고 간결한 React-Query로 대체할 수 있었고,
필요에 따라 전역 상태관리는 Zustand를 활용해 관리하고 있습니다.
- 협업 과정에서 ESLint를 자동화 하기 위해 husky를 도입해 pre-commit 과정에서 ESLint를 자동화 하였고
여러 자동화 과정을 도입하려 노력하고 있습니다.
## Tech Stack
React, TypeScript, Next.js, React-Query, Mobx, Zustand, Emotion, Storybook
더보기