셀렉트 24년 9월: 연결 설정과 새로운 컴포넌트 옵션

셀렉트 팀 -

안녕하세요. 셀렉트 팀 입니다.

셀렉트 어드민은 팀과 기업의 상황, 성장단계별로 알맞는 연결, 접근 제한 기능을 제공하고 있습니다. 기존 인프라에도 적용 가능한 SSH 터널링 연결 방법과 IP 제한 UX를 개선하였습니다.

동시에 더 다양하고 복잡한 화면과 결과물을 만들 수 있게 새로운 컴포넌트와 연동 및 데이터처리 방법을 추가하였습니다.

이번 업데이트를 함께 살펴보세요.

연결 및 IP 설정

SSH 터널링 연결방법을 지원합니다. 예를 들면, 네이버클라우드의 Cloud DB 연결등에 활용 가능해요.

SSH tunneling 지원 안내
안녕하세요. 셀렉트어드민에 SSH 터널링이 추가되었습니다. 허용 리소스: mysql, pgsql, mssql (mongodb, redis등 다른 리소스 허용 필요시 문의바랍니다.) 사용법: 정보를 입력하고 연결테스트/저장하면 완료됩니다 터널에러 동일하게 표시 추후 연결테스트로 테스트가능 ssh 정보가 바뀐경우 삭제후 다시 추가하시면 됩니다. ssh bastion host도 동일하게 아이피 대역을 열어줘야합니다. 데이터베이스 연결 가이드 관련하여 도움이 필요하시다면 말씀바랍니다. 감사합니다.
Select communityhbkim

IP 차단 정책을 개선하였습니다. 전체(All) 환경에 적용 가능하고 JSON으로 수정할 수도 있습니다.

새로운 컴포넌트와 옵션

더 다양한 입력 폼(form)을 지원합니다. 조회 필터 또는 데이터를 입력하여 추가할 때 활용해보세요.

데이터를 추가할때 단계를 나눠서 입력할 수도 있어요.

상단 메뉴를 설정하고 배지 옵션(badgeOptions)을 추가할 수 있어요. 주요 메뉴를 상단으로 정리하고, 주문내역이 상태별로 얼마나 있는지 쉽게 확인할 수 있어요.

연동 지원

셀렉트 어드민은 API 활용이 가능합니다. 네이버 스마트스토어 오늘도착보장 주문수집을 지원하였습니다. 연동 관련 도움이 필요하시면 셀렉트 팀에게 문의주세요.

기타 개선사항

안전하게 export된 환경변수를 requestFn, responseFn에 활용합니다.

useEnv() 기능으로 안전하게 export된 환경변수 활용
환경변수 관련 기능을 추가하였습니다. useEnv() 안전하게 export된 환경변수를 requestFn, responseFn에 활용합니다. requestFn는 아래와 같이 사용하실 수 있습니다. requestFn: | const env = useEnv() console.log(‘current environment:’, env) PUBLIC_ 으로 시작하는 환경변수를 사용할 수 있습니다. e.g. PUBLIC_API_KEY <전체 YAML 예제> blocks: - type: http axios: url: https://httpbin.selectfromuser.com/anything method: POST # params: # - key: a # hidden: true # showButton: false requestFn: | cons…
Select communityhbkim

공통 상세정보를 가져와 하위 여러개 블록을 표시할 수 있어요.

Display: shadow 공통 상세정보를 가져와 하위 여러개 블록을 표시
display: shadow는 shadow DOM 개념과 유사한 기능입니다. 단계별로 데이터를 조회하는게 알맞지 않거나, 모달 URL 구성시 모달 하위에 사용하기 위한 params 값에 긴 내용으로 인해 URL 최대 길이를 넘거나 인코딩이 실패*할 수 있습니다. *셀렉트에서는 모달 생성시 useColumn 된 내용들을 가급적 URL에 저장하고 있습니다. (새로고침이나 뒤로가기등 지원) 이때 display: shadow 를 통해 tabOptions나 한번더 감싸지 않고 조회된 값을 하위 블록으로 보내는 방법을 이용하실 수 있습니다. - path: pages/CG6psi title: Large valueFromRow modal subtitle: 내용 blocks: - type: query resource: mysql.qa sqlType: select sql: > SELECT * FROM wine_stock columns:…
Select communityhbkim

서버 이미지를 표시하거나, 서버 파일을 다운로드할 수 있습니다.

Http responseType blob 지원
HTTP 호출 응답시 blob 지원을 통해 서버 이미지를 표시하거나, 서버 파일을 다운로드 합니다. 엑셀파일 다운로드시 예제 - type: http name: Block Post Download axios: url: ”{{APP_AWS_URL}}/users/export” method: POST responseType: blob filename: UserExport.xlsx params: - key: APP_AWS_URL valueFromEnv: true - key: purpose 만약 서버에서 파일이름을 내려주고 싶은 경우 filename 옵션을 제거하고, 해당 API에서 헤더(Header) 지정이 필요합니다. Content-Disposition: inline; filename=“UserExport-20240819.xlsx” YAML filename에 parameter 사용할…
Select communityhbkim

어드민, 사내 시스템, 파트너센터 구축에 도움이 필요하시다면 셀렉트 팀에게 문의해주세요. 감사합니다.