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

[팀블로그] 개편이야기-2

어드민 화면 제작 경험에서 고려한점 셀렉트어드민을 통해 사용자는 관리자 화면을 제공함 * 관리자 화면의 관리자 화면(편집,설정)이 존재하는 상황 * 어드민 목록, 어드민 화면, 어드민 설정 사이의 흐름이 불편함 (고객 혼란, 주소 공유 어려움등 발생) * 해결하기 위해 레이아웃 일치 (선택 메뉴, 어드민 화면, 어드민 설정) 여러가지 디자인 요소가 섞여있어서 정리가

By LEE JINHYUK

[팀블로그] 개편이야기-1

개편이야기-1 [왜 Front로 다시 구상했는지?] 셀렉트 어드민은 한주도 멈추지 않고 약 200주 연속으로 점진적 개선을 이어옴 * 셀렉트 어드민 기존 서비스는 2021년 가을부터 운영중 * 2022년 유료화 이후 많은 개선 * 2023년 어드민 넘어서 대시보드, 파트너센터까지 확장 * 2024년 대기업, 중견기업 요구사항 충족하면서 고도화 셀렉트 어드민은 확장해왔지만 기본 사용법은 그대로 머물러있다고 생각 * 편집 환경의

By LEE JINHYUK