김승희 - 하나의 창 내에 여러 개의 Modal Dialog를 띄울 수 있는 컴포넌트 제작

[tmt132]

프로젝트 이름

MultiModal

개요

• 하나의 창에 동일한 레벨의 Modal 여러 개를 띄우고 관리할 수 있는 컴포넌트입니다.
• 창 하나에 하나의 모달만 보여주는 보통의 방식과는 달리, 동일한 레벨의 모달을 자유롭게 여러 개 띄우고, 이동, 리사이징, 포커스 바꾸기 등의 상호작용을 지원합니다.
• 컴퓨터에서 여러 개의 브라우저 창을 띄우듯, 창 하나에 여러 개의 모달을 띄울 수 있습니다.

저장소 주소

https://github.com/tmt132/multi-modal

npm 주소

https://www.npmjs.com/package/multi-modal

체크리스트

• 개인 저장소 생성
• README.md 파일 작성 (다음 항목 포함)
  • 프로젝트 개요
  • 설치 방법 / 사용 방법
    • 가능하다면 동영상이나 animated gif 첨부
  • 라이선스 표기
• 기능 구현
  • 새로운 모달 생성
  • 특정 모달 닫기
  • 특정 모달로 포커스 전환
  • 모달 이동
  • 모달 리사이징
  • 모달 내 콘텐츠 표시
• 테스트 추가 (라인 커버리지 60% 이상)
• 사용 예제 프로젝트 추가 (examples 폴더 아래에 2개 이상)
• npm 퍼블리싱
• CI 설정
  • PR에 등록되었을 때 테스트 실행
  • main 프로젝트에 머지되었을 때 npm 퍼블리싱