박성경 - 반응형 친화적인 테이블

[ParkBible]

프로젝트 이름

반응형 친화적인 테이블

개요

기존 <table> 태그는 너비를 %로 주는 반응형 디자인에서 다루기 까다롭습니다.
데이터가 길면 줄바꿈 현상이 생기기 때문입니다.

컬럼이 너무 많아질 경우나 모바일 등 작은 해상도의 환경에서 줄바꿈이 생기는 현상을 방지하고자
테이블을 분할할 수 있도록 하는 라이브러리입니다.

React 기반으로 작업할 예정입니다.

저장소 주소

https://github.com/ParkBible/react-split-table

npm 주소

https://www.npmjs.com/package/react-split-table

체크리스트

• 개인 저장소 생성
• README.md 파일 작성 (다음 항목 포함)
  • 프로젝트 개요
  • 설치 방법 / 사용 방법
    • 가능하다면 동영상이나 animated gif 첨부
  • 라이선스 표기
• 기능 구현
  • 고정된 JSON 구조 설계
  • CSS grid를 통해 테이블 구조 매핑
  • 반응형에 따른 테이블 분할 기능
• 선택 기능 (남은 시간을 보고 결정)
  • 한 테이블의 최소 열 개수 설정 기능
  • '가로 스크롤' 옵션 선택 가능하도록 기능 추가
  • '리스트 형태로 표시' 옵션 선택 가능하도록 기능 추가
• 테스트 추가 (라인 커버리지 60% 이상)
• 사용 예제 프로젝트 추가 (examples 폴더 아래에 2개 이상)
• npm 퍼블리싱
• CI 설정
  • PR에 등록되었을 때 테스트 실행
  • main 프로젝트에 머지되었을 때 npm 퍼블리싱