# 사용 팁 **URL:** https://ask.selectfromuser.com/c/usage-tips/12.md?page=2 [최신](https://ask.selectfromuser.com/latest.md) · [카테고리](https://ask.selectfromuser.com/categories.md) · [태그](https://ask.selectfromuser.com/tags.md) **Page:** 3 --- ## [\[쇼룸\] 업체목록 yaml](https://ask.selectfromuser.com/t/yaml/132)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [4월 8, 2024, 2:14오전 UTC](https://ask.selectfromuser.com/t/yaml/132 "2024-04-08T02:14:51Z")
셀렉트 쇼룸의 업체목록 페이지 YAML 코드입니다. 궁금한 점은 댓글이나 이메일, 서비스 내 채팅, 슬랙 등으로 편하게 문의주세요. menus: - path: propert… --- ## [데이터를 조회하고, 일부 내용을 가져와서 새 레코드 추가](https://ask.selectfromuser.com/t/topic/131)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [4월 4, 2024, 9:49오전 UTC](https://ask.selectfromuser.com/t/topic/131 "2024-04-04T09:49:03Z")
공지사항, 알림메시지 등을 작성할때 기존 내용을 가져와서 수정하고 싶을때가 있습니다. 이 경우 아래와 같이 이용해보세요. 기존 콘텐츠를 조회하고 params.defaultVal… --- ## [\[Axios\] Server-side paginationOptions](https://ask.selectfromuser.com/t/axios-server-side-paginationoptions/123)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [3월 22, 2024, 8:18오전 UTC](https://ask.selectfromuser.com/t/axios-server-side-paginationoptions/123 "2024-03-22T08:18:26Z")
셀렉트어드민의 서버 사이드 페이지네이션을 http 블록 (axios)에서 활용하는 방법을 안내드립니다. axios 안에서 param처럼 사용 - type: http axio… --- ## [editorOptions 이미지 업로드 커스텀 (w/ setImage, addImageBlobHook)](https://ask.selectfromuser.com/t/editoroptions-w-setimage-addimageblobhook/118)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [3월 18, 2024, 10:25오전 UTC](https://ask.selectfromuser.com/t/editoroptions-w-setimage-addimageblobhook/118 "2024-03-18T10:25:52Z")
editorOptions와 함께 이미지 업로드시 커스텀 코드 입력이 가능한 방법을 안내드립니다. 셀렉트 어드민에서는 tiptap, toast editor 2가지를 지원하고 있습니… --- ## [requestFn, requestSubmitFn 입력값 검증후 처리](https://ask.selectfromuser.com/t/requestfn-requestsubmitfn/101)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [2월 20, 2024, 2:16오후 UTC](https://ask.selectfromuser.com/t/requestfn-requestsubmitfn/101 "2024-02-20T14:16:30Z")
입력값을 채우고, 검증(API 호출, SQL 쿼리)하고, 그 결과값에 따라 에러표시/처리하는 예제를 공유합니다. requestFn, requestSubmitFn 각 1가지 케… --- ## [블록 배치 레이아웃 설정 방법](https://ask.selectfromuser.com/t/topic/100)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [2월 20, 2024, 9:37오전 UTC](https://ask.selectfromuser.com/t/topic/100 "2024-02-20T09:37:41Z")
셀렉트어드민에는 페이지의 레이아웃을 설정하는 방법이 크게 2가지가 있습니다. 1/ type: left, right, center, top, bottom 활용 지정된 레이아웃 블… --- ## [Sql 쿼리 조회 데이터와 api 조회 데이터를 맵핑하는 방법](https://ask.selectfromuser.com/t/sql-api/98)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 1\ **마지막 업데이트:** [2월 15, 2024, 7:20오전 UTC](https://ask.selectfromuser.com/t/sql-api/98 "2024-02-15T07:20:56Z")
responseFn을 통해 쿼리 블록과 HTTP 블록의 조회 데이터를 맵핑해서 보여줄 수 있어요. 관련 문의는 댓글이나 서비스내 채팅으로 문의주세요! 감사합니다. bl… --- ## [차트 x, y축의 방향 바꾸기](https://ask.selectfromuser.com/t/x-y/85)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 30, 2023, 4:19오전 UTC](https://ask.selectfromuser.com/t/x-y/85 "2023-11-30T04:19:28Z")
차트로 순위별 정도를 확인하고 싶을때 차트의 X, Y축의 방향을 바꾸면 직관적으로 볼 수 있습니다. 아래 예제를 함께 살펴보세요. indexAxis 인덱스 축 설정 gri… --- ## [차트 쌓기(stacked) 예제](https://ask.selectfromuser.com/t/stacked/84)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 30, 2023, 4:11오전 UTC](https://ask.selectfromuser.com/t/stacked/84 "2023-11-30T04:11:26Z")
셀렉트 어드민에서 2개 이상의 값을 바(bar) 차트 형태로 누적하여 쌓아서 표현하고 싶을 때 예제입니다. options.scales 척도 설정 plugin.legend … --- ## [타임존(timezone) UTC 데이터를 KST로 표기하고 싶어요](https://ask.selectfromuser.com/t/timezone-utc-kst/83)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [11월 17, 2023, 7:56오전 UTC](https://ask.selectfromuser.com/t/timezone-utc-kst/83 "2023-11-17T07:56:53Z")
안녕하세요 셀렉트 김학범입니다. MySQL 등 데이터베이스의 타임존과 옵션에 따라 셀렉트 어드민이 날짜/시간 데이터를 어떻게 표기하는지 안내드립니다. 별다른 옵션이 없는 경우… --- ## [datalistFromQuery에서 type: http 사용하기](https://ask.selectfromuser.com/t/datalistfromquery-type-http/81)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [10월 11, 2023, 9:02오전 UTC](https://ask.selectfromuser.com/t/datalistfromquery-type-http/81 "2023-10-11T09:02:36Z")
datalistFromQuery에서 HTTP API 블록을 사용하는 방법을 공유드립니다. datalistFromQuery는 결과가 완전히 리스트이거나 key, value 쌍이어야… --- ## [MongoDB queryFn 이용법](https://ask.selectfromuser.com/t/mongodb-queryfn/72)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [8월 30, 2023, 8:41오전 UTC](https://ask.selectfromuser.com/t/mongodb-queryfn/72 "2023-08-30T08:41:22Z")
안녕하세요. 몽고 디비는 테이블 스키마 없이 JSON 데이터를 자유롭게 저장하고 쿼리 가능합니다. 몇가지 심화된 BSON 데이터 타입이 존재하고 aggregation등 활용도 높… --- ## [콘솔 로그 Console Log 활용법](https://ask.selectfromuser.com/t/console-log/70)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [8월 30, 2023, 6:58오전 UTC](https://ask.selectfromuser.com/t/console-log/70 "2023-08-30T06:58:36Z")
쿼리나 API를 개발하고 테스트하는 경우 요청/응답 원본을 그대로 보면 문제를 파악하기 쉽습니다. 셀렉트에서는 모든 요청을 편집기 안에 있는 '콘솔로그’에 표시해주고 있습니다. … --- ## [responseFn으로 table 하단에 합계 추가하기](https://ask.selectfromuser.com/t/responsefn-table/66)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [8월 28, 2023, 8:23오전 UTC](https://ask.selectfromuser.com/t/responsefn-table/66 "2023-08-28T08:23:10Z")
조회한 테이블의 일부 항목 합계를 하단에 추가하고 싶으실 때가 있습니다. responseFn과 Javascript를 사용하면 합산 값을 표현할 수 있습니다. blocks: - … --- ## [responseFn에서 localStorage를 사용하는 법](https://ask.selectfromuser.com/t/responsefn-localstorage/60)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 1\ **마지막 업데이트:** [8월 4, 2023, 9:48오전 UTC](https://ask.selectfromuser.com/t/responsefn-localstorage/60 "2023-08-04T09:48:13Z")
셀렉트에서는 requestFn, responseFn 기능을 이용하여 sessionStorage나 localStorage에 저장하여 데이터를 받고 전달할 수 있습니다. 아래는 l… --- ## [여러개 바 리스트 그리기 BarList](https://ask.selectfromuser.com/t/barlist/42)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 28, 2023, 10:11오전 UTC](https://ask.selectfromuser.com/t/barlist/42 "2023-06-28T10:11:33Z")
GA, plausible, Amplitude등 흔히 볼 수 있는 도표를 그리는 YML을 공유합니다. resource: mysql.qa display: metric sql: \> SELECT COALESCE(\`type\`, 'NONE') AS t, COUNT(id) as 'c', id FROM properties2 GROUP BY \`type\` ORDER BY 2 DESC metr… --- ## [일자별 쿼리로 지표 그래프 그리기 (증감률, 퍼센트 표시)](https://ask.selectfromuser.com/t/topic/41)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 28, 2023, 10:05오전 UTC](https://ask.selectfromuser.com/t/topic/41 "2023-06-28T10:05:22Z")
일자별 지표 쿼리를 월/주/일로 샘플링하여 표시합니다. - type: query resource: mysql.qa name: bar percentage diff sql: \> SELECT DATE\_FORMAT(created\_at, '%Y-%m-%d') as 'date', COUNT(id) as c, COUNT(user\_id) as users FROM UserSta… --- ## [파이/도넛 차트에 퍼센트 비율 표시하기](https://ask.selectfromuser.com/t/topic/44)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 28, 2023, 10:16오전 UTC](https://ask.selectfromuser.com/t/topic/44 "2023-06-28T10:16:45Z")
카테고리 타입 통계를 시각화 할때 비율이 표시되어있으면 편리합니다. 셀렉트에서 제공하는 차트에서는 왼쪽 범례(legend)를 클릭시 해당 지표를 제외하여 % 퍼센트를 다시 계산해줍니다. resource: mysql.qa sql: \> SELECT COALESCE(\`type\`, 'NONE') AS tt, count(id) as 'c' FROM properties2 GROUP … --- ## [Moment.js로 날짜 데이터를 자유롭게 입력해요](https://ask.selectfromuser.com/t/moment-js/40)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 2\ **마지막 업데이트:** [6월 22, 2023, 2:39오후 UTC](https://ask.selectfromuser.com/t/moment-js/40 "2023-06-22T14:39:49Z")
셀렉트에서는 Moment.js로 날짜 데이터를 특정 조건에 따라 입력할 수 있습니다. 해당 서비스를 통해 일/주/월/연 단위로 시작 날짜나 끝 날짜를 지정하거나 날짜 값을 추가하… --- ## [SQL 쿼리 조회결과에 랭크(rank)나 행숫자(row\_number)를 넣을 수 있어요](https://ask.selectfromuser.com/t/sql-rank-row-number/39)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [6월 22, 2023, 6:38오전 UTC](https://ask.selectfromuser.com/t/sql-rank-row-number/39 "2023-06-22T06:38:16Z")
SQL 쿼리로 조회한 결과 테이블 앞에 랭킹이나 숫자를 쭉 붙이고 싶으신적 있으신가요? MySQL을 이용하신다면 RANK나 ROW\_NUMBER 함수로 붙일 수 있어요. 두 함수… --- ## [어드민이나 관리 페이지를 만들고 싶은데 개발 리소스가 부족하셨나요?](https://ask.selectfromuser.com/t/topic/38)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [6월 22, 2023, 2:47오전 UTC](https://ask.selectfromuser.com/t/topic/38 "2023-06-22T02:47:08Z")
셀렉트 팀에서 고객사에 필요한 어드민 페이지를 만들 수 있게 도와드려요. 어떤 방식으로 신청해야하는지 고민하시지 않게 셀렉트 서비스 안에 다양한 "신청서"를 만들었습니다. 템플릿 제작 문의 제작지원 요청 UI 컴포넌트 요청 데이터베이스 연동 데이터베이스 발급 요청 엑셀 → 화면 엑셀 → 데이터베이스 기존에 많은 고객분들이 요청주신 주제를 중심으로 신청서를 만들었어요. 이 외에… --- ## [이제 레이아웃 설정을 더 간편하게 할 수 있어요](https://ask.selectfromuser.com/t/topic/36)
**Author:** [@hbkim](https://ask.selectfromuser.com/u/hbkim)\ **댓글:** 0\ **마지막 업데이트:** [6월 19, 2023, 10:06오전 UTC](https://ask.selectfromuser.com/t/topic/36 "2023-06-19T10:06:26Z")
페이지 레이아웃을 2열이나 3열 등으로 나눠서 구성하고 싶은적 없으신가요? 이제 다양한 레이아웃을 더 간편하게 만들 수 있어요. 블록의 타입(blocks.type)에 top, left, center, right, bottom 의 개념이 추가되었습니다. 해당 타입들 아래에 기존과 같이 쿼리, API, 마크다운 블록을 추가하시면 됩니다. 그리고 레이아웃 영역별로 제목(title)과 부제목… --- ## [테이블에 좌측 고정 버튼 넣기](https://ask.selectfromuser.com/t/topic/35)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 16, 2023, 8:20오전 UTC](https://ask.selectfromuser.com/t/topic/35 "2023-06-16T08:20:13Z")
buttons를 이용하면 해당 테이블 칸 안에 추가되지만 별도의 버튼 영역을 빼고 싶어서 이렇게 구성했습니다. columns: " ": width: 200px prepend: true buttons: - label: 화면열기 openUrl: https://app.selectfromuser.com/ask/{{id}} clas… --- ## [Markdown 마크다운 이쁘게 표시하기](https://ask.selectfromuser.com/t/markdown/34)
**Author:** [@jhlee](https://ask.selectfromuser.com/u/jhlee)\ **댓글:** 0\ **마지막 업데이트:** [6월 16, 2023, 8:15오전 UTC](https://ask.selectfromuser.com/t/markdown/34 "2023-06-16T08:15:22Z")
페이지 설명을 담기 위해 마크다운 블록에 tailwind class를 넣어서 설명처럼 보이게 했습니다. (style도 가능) - type: markdown class: text-sm text-slate-500 content: | - https://app.selectfromuser.com/ask - published\_at 오늘이전 상태여야 최종사용자한테… [이전 페이지](https://ask.selectfromuser.com/c/usage-tips/12.md?page=1)