[FEATURE] 그룹 생성 시퀀스

[crown-3]

• 현재 V3으로 기획된 페이지만 완성된 상태로, V4에 align하기 위해서는 추가적인 작업이 필요합니다. (노션 링크 첨부 및 간단 소개글 작성)

  주 변경사항

  Input 컴포넌트 제작

• 앞으로 매우 많이 쓸 Input 컴포넌트를 제작했습니다.
• ForwardRef를 사용했습니다.
• errorText prop으로 밑에 표시할 에러 메시지를 넘길 수 있습니다.
• buttonValue를 넣으면 input 옆에 버튼이 생기고, onButtonClick으로 버튼을 클릭했을 때 동작을 할당할 수 있습니다.

  Framer-motion 도입

• framer-motion을 도입했습니다. AnimationPresence와 exit을 이용하여 컴포넌트가 사라질 때 부드럽게 없어지도록 하였습니다.
• 시퀀스 단계 간 전환이 이루어질 때 애니메이션이 작동되도록 할 예정입니다.

  Loading 애니메이션 변경

• 로딩 애니메이션이 원래는 CatBounce로 되어있었는데, 조금 더 로딩답게 바꾸었습니다.
• (여담으로 이 애니메이션은 제가 스팍스 해커톤에서 프로젝트에 쓰기 위해 간단히 제작했었습니다)

[crown-3]

이 이슈와 풀리퀘는 groups로 이관되었기 떄문에 닫겠습니다.