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

우리도 이렇게 시작했어요 – 실사용 영상 보러가기

우리도 이렇게 시작했어요 – 실사용 영상 보러가기

안녕하세요. 셀렉트 어드민 사용 동영상을 공유합니다. Listing 데이터 조회 페이지를 만드는 모습입니다. Data Entry 데이터 수정 페이지를 만드는 모습입니다. API Integration 해외 API를 호출하여 모달(팝업)창을 띄우는 모습입니다. Visualize 데이터베이스 쿼리(SQL)로 바로 차트, 대시보드를 구성합니다. 셀렉트 어드민 로그인 후 템플릿에서 예제 코드를 확인 가능합니다. 감사합니다.

By 셀렉트 팀
셀렉트 클라우드의 새로운 데이터베이스 연결 방법 (Secure Tunnel)

셀렉트 클라우드의 새로운 데이터베이스 연결 방법 (Secure Tunnel)

안녕하세요 셀렉트팀 이진혁입니다. 셀렉트 어드민은 기존 데이터베이스를 연결하여 쉽게 조회, 수정등 페이지를 만들고 계정 초대로 팀원에게 쉽게 공유가능한 서비스입니다. 기존에는 이러한 어드민 개선과 데이터 업무를 위해 개발자, 개발팀 단위로 시간과 노력이 필요했지만 셀렉트 어드민은 SQL, API, DB, UI등 복잡한 단계를 통합하여 누구나 빠르게 데이터를 다루고, 협업이 가능한 환경을 추구해왔습니다. 셀렉트

By LEE JINHYUK