24년 12월: 팝업, HTML 테이블, 리스트박스

셀렉트 12월 업데이트: 팝업으로 데이터 조회, 테이블 포맷 변경, 다중 선택 관리, CSV 내보내기 등 업무 효율을 높이는 기능을 만나보세요.

24년 12월: 팝업, HTML 테이블, 리스트박스
Photo by Arno Senoner / Unsplash

안녕하세요. 셀렉트 팀에서 12월 제품 업데이트 소식을 전해드립니다.

Popper를 활용한 상세 정보 표시

  • 데이터를 조회하고 관련 내역을 팝업으로 표시해보세요.
  • 재고 현황, 판매 상태, 가격 정보 등을 페이지 전환 없이 빠르게 확인할 수 있습니다.
  • 작업 효율을 높이는 인터랙티브한 UI 경험을 제공해보세요.

openPopper 사용법 알아보기

데이터 테이블 커스터마이징

  • HTML 테이블 구조에 커스텀 포맷팅 적용이 가능합니다.
  • 숫자 데이터의 천 단위 구분기호, 날짜 형식, 통화 단위 등 표시 형식을 상황에 맞게 변경할 수 있어요.

display: html table 사용법

ListBox 다중 관리 기능

  • 리스트박스로 여러 항목 동시 선택이 가능합니다.
  • 선택한 항목들의 일괄 상태 변경 가능 (예: 판매중 → 판매중지)
  • 상품 진열 순서 등을 변경할 때 활용해보세요.

listbox 사용방법 알아보기

효율적인 데이터 내보내기

  • 선택한 항목들을 forEach로 일괄 처리하여 CSV 다운로드할 수 있어요.

여러 파일 다운로드 예제

영역 접기/펼치기

  • 한 페이지 안에서 여러 블록을 사용할 때 type: toggle 블록을 통해 영역을 접고 펼칠 수 있어요.

기타 개선사항

  • 블록별 새로고침(showRefresh): 블록에 마우스를 올리면 새로고침 버튼이 나타나며, 해당 블록만 갱신됩니다.
  • display col + openModal, openAction: col 형태로 데이터 조회 후 모달을 열거나 액션을 실행할 수 있습니다.

이 모든 기능은 실제 업무 현장의 피드백을 반영하여 개발되었습니다.
더 나은 관리 도구를 위해 여러분의 의견을 기다립니다.

감사합니다.