프로젝트 간단 소개

• 친구 등 지인을 초대하면 초대점수에 따른 보상을 제공하는 프로그램입니다.

기여도

• 프론트엔드 100%

프로젝트 기간

2023.05 ~ 2023.06

개발 환경

• Visual Studio Code

개발 언어/라이브러리

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

상세 업무

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

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

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

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

• 뉴스레터로 친구 초대 이벤트를 링크를 첨부하여 구독자에게 알립니다. 아래는 그 링크에 해당하는 최초페이지입니다. (https://www.mydailybyte.com/referral/inviter)

• 이메일을 입력했으면, 아래와 같이 자신의 초대현황을 볼 수 있는 페이지로 이동합니다. 링크를 친구에게 공유하여, 초대점수를 적립하여 점수에 해당되는 상품을 받을 수 있게 됩니다.

• 대표 리워드를 설정 백오피스 화면입니다. 사용자에게 보여질 리워드의 모습을 여기서 자유로이 설정할 수 있습니다.