요약

• 클레브레인에서 만드는 자동 넘김 악보 플랫폼
• Custom UI 제작

역할

• React를 이용하여 커스텀 UI (e.g. Modal 애니메이션, 대시보드, 반응형 웹 페이지)를 플랫폼 웹 페이지에 추가

성과

• 라이브러리를 활용하여 개발하는 방법을 배움

시기

• 2021.12 - 2022.02

개발 목록

• 메인 페이지의 컴포넌트 제작
• Media query를 이용해 곡 보관함 페이지를 모바일, 태블릿, 데스크탑에 맞게 반응형으로 제작
• Framer motion 라이브러리로 모바일에서 Modal animation 적용
• Dashboard 제작
• 커스텀 훅을 만들어 Redux로 현재 페이지의 상태 관리
• query string을 변수로 받아 결제 성공/실패를 구분하는 컴포넌트 제작
• 계정 설정 페이지
• input validation을 통해 비밀번호 조건, 확인, 재설정 기능을 구현

구현된 모습