Button Module

기능

모달 컴포넌트

• 모달 컴포넌트를 npm으로 배포하고 사용할 수 있어야 한다.

  • [x] 컴포넌트 생성
  • [] 컴포넌트 스토리북 테스트
  • [] 컴포넌트 빌드 및 배포
  • [] 컴포넌트 설치 및 사용

• 피그마 시안 예시처럼 모바일에서 사용 가능한 모달 컴포넌트를 만들어야 한다.

  • [] 모바일에서 사용 가능한 레이아웃으로 만든다.

• 모달 위치 및 내용 구성 옵션을 prop으로 전달받아 유연하게 모달을 구성할 수 있어야 한다.

  • [x] isModalOpen을 전달받을 수 있다. : 모달 열기
  • [x] position을 전달받을 수 있다. : 모달 위치
  • [x] title을 전달받을 수 있다. : 모달 제목
  • [x] children을 전달받을 수 있다. : 모달 내용
  • [x] onClose 전달받을 수 있다. : 모달 닫기

• 사용자 정의 이벤트 핸들러

  • [x] modalOpen으로 모달 열기
  • [x] modalClose으로 모달 닫기

모달 컴포넌트

• Modal
• CardBrand
• Button
• AgreementCheckList

storybook

모달 컴포넌트

• [] 카드사 선택 컴포넌트
  • [] 중앙에 위치하는지
• 동의 컴포넌트
  • [] 하단에 위치하는지
  • [] 항목 선택이 됐을 때
  • [] 항목 선택이 안 됐을 때

커밋메시지

• feat : 새로운 기능을 추가한 경우
• fix : 버그 수정
• docs : 문서를 수정한 경우
• style : 코드 스타일, 포멧, 주석을 변경
• refactor : 코드 리팩토링
• test : 테스트 관련 코드를 수정한 경우
• chore : 코드 수정이 아닌, 단순 폴더명 파일명 등을 수정한 경우