프로젝트 간단 소개

• 쿠폰 기능을 도입하기 위해서는, 결제수단을 관리하는 기능이 있어야합니다.
• 초기개발된 결제시스템에서는 순수 결제기능밖에 없어, 위 두가지 기능을 추가개발 하였습니다.

기여도

• 프론트엔드 100%

프로젝트 기간

2023.03 ~ 2023.03

개발 환경

• Visual Studio Code

개발 언어/라이브러리

• 개발 언어: Typescript
• 라이브러리:
  • React, Next.js

상세 업무

<aside> 💡 문제를 발견해서 적극적으로 개선해본 경험

• 백오피스의 Form 에서 여러 필드를 속도저하없이 다루기 위한 최적화 기술이 필요했습니다.

• 이를 위해서는, 불필요한 리렌더를 줄여주는 react-hook-form 라이브러리를 적극 사용할 필요가 있었습니다.

• 불필요한 리렌더를 방지하기 위해 register 함수를 사용하고, 동일한 여러개의 필드가 존재하는 경우에는 useFieldArray 함수를 사용하여 관리가 용이한 코드를 생산하려 노력하였습니다. </aside>

• 쿠폰을 관리하는 백오피스 페이지입니다. 여기서 구독자들에게 지급할 쿠폰을 관리합니다.

• 사용자는 마이페이지에 접근하여, 쿠폰을 지급받기 위한 결제수단을 등록하고 삭제하는 등의 관리를 진행합니다.