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 LEE JINHYUK
LLM 시대, 로우코드는 어떤 의미가 있을까?

LLM 시대, 로우코드는 어떤 의미가 있을까?

ChatGPT 3.5 출시 이후, Copilot, Cursor 같은 AI 코딩 도구가 개발자 손에 들어오면서 많은 질문이 생겼습니다. 그중 생각해볼만한 질문은 바로 이것입니다. “이제 운영툴 같은 건 다 AI가 대신 짜줄 수 없을까?” 초기 boilerplate 세팅, 버튼 하나 추가, 컬럼 노출 조건 변경 같은 요청들을 진행하면 LLM이 금방 코드로 만들어줄 수

By Hakbeom Kim