주산들 - 만화 말풍선 모양의 Tooltip 라이브러리

[DEV4N4]

프로젝트 이름

react-sketch-tooltip

개요

만화책에 나오는 스타일의 말풍선 모양 ToolTip 컴포넌트 라이브러리입니다!

저장소 주소

react-sketch-tooltip

npm 주소

npm : react-sketch-tooltip

체크리스트

1. 기본 설정

• 개인 저장소 생성
• README.md 파일 작성 (다음 항목 포함)
  • 프로젝트 개요
  • 설치 방법 / 사용 방법
    • 가능하다면 동영상이나 animated gif 첨부
  • 라이선스 표기

---

2. 기능 구현

a. 툴팁 모양

• 말풍선 스타일:
  • 만화 스타일의 말풍선 (둥글거나 뾰족한 테두리)
  • 말꼬리 위치 조절 가능 (상/하/좌/우, 혹은 특정 각도)
  • 그림자 지원
• 테마 지원:
  • 다양한 색상과 테마 (밝은 테마, 어두운 테마, 사용자 정의 색상)

b. 표시 및 동작

• 호버/클릭 트리거:
  • 사용자가 요소에 마우스를 올렸을 때 툴팁 표시
  • 사용자가 요소를 클릭했을 때 툴팁 표시
• 자동 위치 조정:
  • 화면 경계에 따라 툴팁 위치를 자동으로 변경
• 지속 시간 설정:
  • 툴팁이 표시되는 시간을 설정 가능 (예: 2초 후 사라짐)
• 툴팁이 나타나고 사라질 때 애니메이션 효과 지원

c. 콘텐츠

• HTML 지원:
  • 텍스트뿐만 아니라 이미지, 링크, 동적 콘텐츠 삽입 가능
• 크기 조정:
  • 고정 크기 설정
  • 자동 크기 조정

---

3. 테스트 및 퍼블리싱

• 테스트 추가 (라인 커버리지 60% 이상)
• 사용 예제 프로젝트 추가 (examples 폴더 아래에 2개 이상)
• npm 퍼블리싱
• CI 설정
  • PR에 등록되었을 때 테스트 실행
  • main 프로젝트에 머지되었을 때 npm 퍼블리싱