# 사용 팁 **URL:** https://ask.selectfromuser.com/c/usage-tips/12.md [최신](https://ask.selectfromuser.com/latest.md) · [카테고리](https://ask.selectfromuser.com/categories.md) · [태그](https://ask.selectfromuser.com/tags.md) --- ## [사용 팁 카테고리 정보](https://ask.selectfromuser.com/t/topic/24)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0
어떤 멋진 결과물을 만들 수 있는지 함께 공유해보세요. --- ## [defaultValueFn 사용 가이드](https://ask.selectfromuser.com/t/defaultvaluefn/378)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 1\ **마지막 업데이트:** [7월 31, 2026, 6:42오전 UTC](https://ask.selectfromuser.com/t/defaultvaluefn/378 "2026-07-31T06:42:58Z")
defaultValueFn 사용 가이드 defaultValueFn을 사용해 입력 필드의 기본값을 JavaScript로 설정할 수 있습니다. 특정 필드의 기본값을 동적으로 설정 r… --- ## [네이버 지도 이용시 api key 적용하기](https://ask.selectfromuser.com/t/api-key/500)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [12월 18, 2025, 9:16오전 UTC](https://ask.selectfromuser.com/t/api-key/500 "2025-12-18T09:16:21Z")
안녕하세요. 최근 AI Naver Maps API가 Naver Cloud Platform Maps API으로 전환됨에 따라 마이그레이션을 완료했습니다. 기존 지도 서비스는 s… --- ## [구독 사업 대시보드 yaml 예제](https://ask.selectfromuser.com/t/yaml/457)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [7월 11, 2025, 7:11오전 UTC](https://ask.selectfromuser.com/t/yaml/457 "2025-07-11T07:11:12Z")
안녕하세요. 셀렉트어드민을 통해 구독 사업 대시보드를 구성할 때 사용할 수 있는 YAML 코드 예시를 작성했습니다. 이 코드는 주요 지표(예: 신규 가입자 수, 전환율, DAU… --- ## [Chartjs displayFn 활용 이커머스 대시보드 예제](https://ask.selectfromuser.com/t/chartjs-displayfn/448)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [7월 2, 2025, 9:34오전 UTC](https://ask.selectfromuser.com/t/chartjs-displayfn/448 "2025-07-02T09:34:33Z")
안녕하세요. 셀렉트어드민의 여러 기능을 활용하여 아래와 같은 대시보드를 만드실 수 있습니다. 관련 도움이 필요하시거나 원하시는 템플릿이 있다면 문의해주세요. 감사합니다. … --- ## [모달(modal) 화면 하단에 띄우기 - mode: bottom](https://ask.selectfromuser.com/t/modal-mode-bottom/435)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 12, 2025, 11:13오전 UTC](https://ask.selectfromuser.com/t/modal-mode-bottom/435 "2025-06-12T11:13:32Z")
modals: - path: view/:id mode: bottom name: 문의상세 --- ## [업로드된 파일 표시: url-chip](https://ask.selectfromuser.com/t/url-chip/434)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 12, 2025, 11:12오전 UTC](https://ask.selectfromuser.com/t/url-chip/434 "2025-06-12T11:12:26Z")
\- type: http axios: url: {{API}}/attachments … --- ## [입력값 검증하기 Form Validation](https://ask.selectfromuser.com/t/form-validation/69)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 1\ **마지막 업데이트:** [3월 13, 2025, 7:03오전 UTC](https://ask.selectfromuser.com/t/form-validation/69 "2025-03-13T07:03:14Z")
기본 폼 옵션으로 검증 params: - key: name min: 5 max: 100 JavaScript 코드로 검증 params: - key: name … --- ## [Display: metric - metricOptions containerClass](https://ask.selectfromuser.com/t/display-metric-metricoptions-containerclass/392)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [3월 11, 2025, 7:42오전 UTC](https://ask.selectfromuser.com/t/display-metric-metricoptions-containerclass/392 "2025-03-11T07:42:36Z")
안녕하세요. display: metric 사용시 metricOptions를 통해 여백과 컨테이너를 조절할 수 있습니다. 결과값들의 열을 맞추고 싶으신 경우 활용해보세요. ta… --- ## [비율 그래프 차트 그리기 (카테고리 분포)](https://ask.selectfromuser.com/t/topic/43)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 2\ **마지막 업데이트:** [3월 11, 2025, 6:19오전 UTC](https://ask.selectfromuser.com/t/topic/43 "2025-03-11T06:19:39Z")
전체 사용자 중 활성/비활성 비율이나 구매 상품중 카테고리 분포등 다양하게 활용되는 지표 그래프를 그립니다. 대시보드에 주로 사용됩니다. resource: mysql.qa name: category display: metric sql: \> SELECT count(id) as 'c' FROM PropertyProfile GROUP BY ISNULL(\`signed\_at\`) … --- ## [선택된 파일들 s3 presigned url 발급후 업로드하는 방법](https://ask.selectfromuser.com/t/s3-presigned-url/201)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [6월 20, 2024, 7:00오전 UTC](https://ask.selectfromuser.com/t/s3-presigned-url/201 "2024-06-20T07:00:49Z")
presignedUrl 를 통해 자체 S3 버킷에 이미지를 업로드 insert 할 때, requestSubmitFn을 통해 선택된 파일들을 s3 presigned url 발급 받… --- ## [Http 요청으로 구한 access token을 헤더에 넣어 다른 화면에서 호출할 수 있을까요?](https://ask.selectfromuser.com/t/http-access-token/369)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [2월 4, 2025, 11:17오전 UTC](https://ask.selectfromuser.com/t/http-access-token/369 "2025-02-04T11:17:37Z")
질문: http 요청으로 구한 access token을 헤더에 넣어 다른 화면에서 호출할 수 있을까요? 답변: 아래와 같이 2가지 상황에 따른 가이드 안내드립니다. 수동 클릭을… --- ## [Params에 입력한 값을 처리할 때 공백을 없앨 수 있나요?](https://ask.selectfromuser.com/t/params/364)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [1월 22, 2025, 8:36오전 UTC](https://ask.selectfromuser.com/t/params/364 "2025-01-22T08:36:40Z")
질문 params에 입력한 값을 처리할 때 공백을 없앨 수 있나요? 답변 네 JavaScript trim 또는 replace를 통해 공백을 제거할 수 있습니다. Fn … --- ## [Format: listbox 관련 세부사항 안내](https://ask.selectfromuser.com/t/format-listbox/350)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 30, 2024, 8:35오전 UTC](https://ask.selectfromuser.com/t/format-listbox/350 "2024-12-30T08:35:48Z")
Listbox Format 구현 가이드 format: listbox는 선택 옵션을 제공하는 UI 컴포넌트입니다. 드롭다운과 유사하지만 여러 항목을 한번에 볼 수 있고, 다중 선택이… --- ## [forEach를 활용한 여러 데이터 한번에 다운로드 받기(w/ downloadAfterSubmit)](https://ask.selectfromuser.com/t/foreach-w-downloadaftersubmit/349)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 30, 2024, 8:22오전 UTC](https://ask.selectfromuser.com/t/foreach-w-downloadaftersubmit/349 "2024-12-30T08:22:07Z")
다중 선택 데이터 다운로드 가이드 목적 테이블에서 선택한 여러 행의 데이터를 개별 파일로 다운로드하는 방법 안내 예제 YAML menus: - path: pages/library… --- ## [displayFn 차트 활용 예제](https://ask.selectfromuser.com/t/displayfn/346)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 24, 2024, 2:56오전 UTC](https://ask.selectfromuser.com/t/displayfn/346 "2024-12-24T02:56:44Z")
displayFn 활용 예제 block.id와 displayFn안에 차트를 그릴때 ID가 동일해야합니다. sqlMany 기능이 추가되었습니다. (여러개 쿼리 실행시 rows\[0\]… --- ## [다른 테이블의 선택된 Rows를 버튼으로 요청하는 방법](https://ask.selectfromuser.com/t/rows/343)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 23, 2024, 4:46오전 UTC](https://ask.selectfromuser.com/t/rows/343 "2024-12-23T04:46:34Z")
안녕하세요. 서로 다른 테이블에서 선택한 row 데이터를 버튼을 통해 API나 쿼리 요청의 파라미터로 사용하는 방법에 대해 안내드립니다. valueFromSelectedRows… --- ## [Actions prompt requestFn, responseErrorFn 예제](https://ask.selectfromuser.com/t/actions-prompt-requestfn-responseerrorfn/337)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 18, 2024, 9:52오전 UTC](https://ask.selectfromuser.com/t/actions-prompt-requestfn-responseerrorfn/337 "2024-12-18T09:52:11Z")
valueFromPrompt 사용시 requestFn과 responseErrorFn 사용 예제를 공유드립니다. 관련하여 궁금하신점이 있거나 도움이 필요하시면 말씀해주세요. … --- ## [테이블 합계 표시하기 w/ HTML Table](https://ask.selectfromuser.com/t/w-html-table/331)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 10, 2024, 8:16오전 UTC](https://ask.selectfromuser.com/t/w-html-table/331 "2024-12-10T08:16:20Z")
소개 주문이나 거래, 결제 데이터 등의 합계를 한눈에 보기 쉽게 정리해야할 때가 있습니다. 이때 일반적으로 표 하단에 합계를 표기하는 방식을 많이 보실 수 있습니다. (복잡한 … --- ## [sqlWith + display: calendar 이용시 안내](https://ask.selectfromuser.com/t/sqlwith-display-calendar/328)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [12월 10, 2024, 4:18오전 UTC](https://ask.selectfromuser.com/t/sqlwith-display-calendar/328 "2024-12-10T04:18:46Z")
sqlWith + display: calendar 이용시 안내 sqlWith에서 moment를 쓰거나 responseFn에서 date 변환할 수 있습니다. 1번: sqlWith에… --- ## [JSON 데이터 수정하기 w/ format: table](https://ask.selectfromuser.com/t/json-w-format-table/320)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 26, 2024, 8:00오전 UTC](https://ask.selectfromuser.com/t/json-w-format-table/320 "2024-11-26T08:00:54Z")
format: table을 통해 JSON 형태의 데이터를 수정하는 UI 화면을 구성하는 방법을 안내드립니다. 핵심 format: table: 데이터를 테이블 UI로 표시 및 입… --- ## [requestSubmitFn, validateFn 비교 예제](https://ask.selectfromuser.com/t/requestsubmitfn-validatefn/299)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 1\ **마지막 업데이트:** [11월 20, 2024, 8:06오전 UTC](https://ask.selectfromuser.com/t/requestsubmitfn-validatefn/299 "2024-11-20T08:06:25Z")
아래 예제 YAML을 통해 데이터 입력시 검증하는 방법들을 비교할 수 있습니다. validateFn validateFromQuery requestSubmitFn 관련하여 도움… --- ## [레이아웃 커스텀(custom layout) 예제](https://ask.selectfromuser.com/t/custom-layout/311)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 1\ **마지막 업데이트:** [11월 13, 2024, 6:55오전 UTC](https://ask.selectfromuser.com/t/custom-layout/311 "2024-11-13T06:55:17Z")
셀렉트어드민에서는 pages 아래 layout 키를 통해 레이아웃을 커스텀할 수 있습니다. 아래 2가지 예제를 통해 사용방법에 대해 더 자세히 알아보세요. 예제1 me… --- ## [\[yaml 용법\] 1개 파일 안에서 구분선 넣어서 복수 문서로 활용하기](https://ask.selectfromuser.com/t/yaml-1/314)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 12, 2024, 1:47오후 UTC](https://ask.selectfromuser.com/t/yaml-1/314 "2024-11-12T13:47:23Z")
하나의 YAML 파일에서 여러 개의 독립적인 문서를 포함하고 싶을때 구분자(---)를 사용해보세요. 주요 역할: 문서의 시작 ---는 새로운 문서가 시작됨을 나타냅니다. Y… --- ## [YAML 용법을 이용한 앵커(anchor), 병합(merge)](https://ask.selectfromuser.com/t/yaml-anchor-merge/312)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 12, 2024, 6:08오전 UTC](https://ask.selectfromuser.com/t/yaml-anchor-merge/312 "2024-11-12T06:08:20Z")
셀렉트어드민은 YAML 기반으로 동작하기 때문에 YAML의 앵커와 병합 키를 사용할 수 있습니다. 아래 내용을 참고하여 원하는 데이터 구조와 맥락에 따라 필요한 방법을 이용해보… --- ## [Columns color with json array](https://ask.selectfromuser.com/t/columns-color-with-json-array/164)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [5월 15, 2024, 4:01오전 UTC](https://ask.selectfromuser.com/t/columns-color-with-json-array/164 "2024-05-15T04:01:04Z")
columns의 color 기능이 json array 형태일때도 색깔을 지정할 수 있게 되었습니다. 아래 예제를 통해 테스트해볼 수 있어요. menus: - path: p… --- ## [sheetOptions 사용시 Apple Numbers export to csv 유의사항](https://ask.selectfromuser.com/t/sheetoptions-apple-numbers-export-to-csv/305)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 1, 2024, 1:50오후 UTC](https://ask.selectfromuser.com/t/sheetoptions-apple-numbers-export-to-csv/305 "2024-11-01T13:50:47Z")
셀렉트 어드민의 sheetOptions와 Apple Numbers 관련 팁을 안내드립니다. Apple Numbers를 통해 CSV로 내보내기(export to csv)할때는 따옴… --- ## [조건에 따라 input field disabled 처리 (w/ params)](https://ask.selectfromuser.com/t/input-field-disabled-w-params/301)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [10월 25, 2024, 9:55오전 UTC](https://ask.selectfromuser.com/t/input-field-disabled-w-params/301 "2024-10-25T09:55:52Z")
안녕하세요. params 키를 통해 여러 input field를 만들고 특정 조건에 따라 disabled 여부를 지정하고 해제할 수 있습니다. 아래 예제를 참고해보세요. … --- ## [responseErrorFn 관련 사용법](https://ask.selectfromuser.com/t/responseerrorfn/298)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [10월 22, 2024, 3:48오전 UTC](https://ask.selectfromuser.com/t/responseerrorfn/298 "2024-10-22T03:48:19Z")
API, 쿼리 실행후 에러 응답시 responseErrorFn을 통해 여러 처리가 가능합니다. 관련 기능과 정책은 아래와 같습니다. responseErrorFn row에 하… --- ## [마크다운(type: markdown) 블록 정렬하기](https://ask.selectfromuser.com/t/type-markdown/291)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [10월 17, 2024, 10:06오전 UTC](https://ask.selectfromuser.com/t/type-markdown/291 "2024-10-17T10:06:00Z")
markdown 블록의 경우 기본적으로 항상 상단에 표기됩니다. markdown 블록의 순서를 바꾸고 싶은 경우 display: item 을 추가해주시면 순서대로 조회가 … [다음 페이지](https://ask.selectfromuser.com/c/usage-tips/12.md?page=1)