### 사용 기술
- Typescirpt , Next.js 12.0, React, React-Query, Emotion, Recoil, React-Hook-Form 등
### 주요 업무 내용
- **다짐 웹, 웹뷰 페이지 전체 프론트엔드 개발 및 운영**
### 세부 업무 내용
**웹**
- 기존 Angular 홈페이지 → Next.js 100% 전환
- 사이트 페이지 전체 UI 및 프론트엔드 기능 1인 개발(가입 ~ 결제)
- Prefetch Query, Hyrdration, GetServerSideProps 활용 페이지 로딩 속도 개선(1초 → 3초)
- React-Query Cache 기능 활용 Api 요청 최소화
- 신규 반응형 웹 디자인 시스템 도입
- Story-Book 활용한 컴포넌트 UI 테스트 구축
- Vercel 활용한 CI/CD 구축 및 배포
- SEO 메타 태그 작업
- 마케팅 관련 지표 작업(Goggle-Analytics, Facebook Pixel Event, Naver Premium-Log)
- PG 이니시스 JSP 기반 결제 모듈 개선 작업
- 웹, 앱 결제 통신 모듈 로직 수정
- 1000원 미만 카드 결제 기능 추가
- Git- Submodule 작업
- React-Query Api 커스텀 훅
- 각종 서비스 및 유틸 함수 공통 모듈화
**모바일 웹뷰**
- Nextjs 활용 → 결제, 회원권, 리뷰 페이지 등 다짐 어플 내 전체 웹뷰 개발
- GetServerSideProps를 이용한 앱과의 통신 기능 구축
- 우주 최저가, 친구 초대 등 이벤트 페이지 웹뷰 개발
- 카카오톡 공유하기 기능
- 우주 최저가 검색 기능
- Android, Ios 각 기기별 특성에 따른 UI 개발
더보기