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 형태로 데이터 조회 후 모달을 열거나 액션을 실행할 수 있습니다.

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

감사합니다.

Read more

주문 데이터 기반으로 티켓 관리 시스템 만들어보기

주문 데이터 기반으로 티켓 관리 시스템 만들어보기

고객을 응대할때 같은 질문을 반복하게 됩니다. 이 고객이 무엇을 샀는지, 지금 주문 상태는 어떤지, 이전에도 같은 이슈가 있었는지. 문의를 처리하는 기존 방법들부터, 주문 데이터를 기준으로 티켓을 정리하면 무엇이 달라지는지를 다룹니다. 복잡한 자동화가 아니라, 검색과 처리에 집중한 최소한의 시작 방법을 정리했습니다.

By Hakbeom Kim