어드민 컴포넌트 개편
안녕하세요 셀렉트팀 이진혁입니다. 셀렉트어드민은 YAML 입력으로 다양한 화면을 만들어주는 제품으로 다양한 팀, 회사의 어드민과 내부 운영툴, 파트너센터, 대시보드 역할을 하고 있습니다. 초기에는 SQL 쿼리 실행 결과, API 실행 결과를 시각화하는 방향으로 고안되어 모든 스펙에 type: http type: query 가 필요한 방식을 이어왔습니다. 그러나 다양한 화면구성, 정교한 어드민 구현을 하다보면 많은
LEE JINHYUK
[팀블로그] 개편이야기-2
어드민 화면 제작 경험에서 고려한점 셀렉트어드민을 통해 사용자는 관리자 화면을 제공함 * 관리자 화면의 관리자 화면(편집,설정)이 존재하는 상황 * 어드민 목록, 어드민 화면, 어드민 설정 사이의 흐름이 불편함 (고객 혼란, 주소 공유 어려움등 발생) * 해결하기 위해 레이아웃 일치 (선택 메뉴, 어드민 화면, 어드민 설정) 여러가지 디자인 요소가 섞여있어서 정리가
[팀블로그] 개편이야기-1
개편이야기-1 [왜 Front로 다시 구상했는지?] 셀렉트 어드민은 한주도 멈추지 않고 약 200주 연속으로 점진적 개선을 이어옴 * 셀렉트 어드민 기존 서비스는 2021년 가을부터 운영중 * 2022년 유료화 이후 많은 개선 * 2023년 어드민 넘어서 대시보드, 파트너센터까지 확장 * 2024년 대기업, 중견기업 요구사항 충족하면서 고도화 셀렉트 어드민은 확장해왔지만 기본 사용법은 그대로 머물러있다고 생각 * 편집 환경의
부족하게 만들 용기 - 개발자의 딜레마
새로운 기능과 제품을 만들때 고민되는 지점이 있다. * 누가 쓸지, 어떤 문제를 겪고 있는지 * 어떤 기능과 결과물이 필수인지 * 얼마나 완성도있게 만들지 * 언제까지 만들지 * 어떻게 사용을 편하게 할지, 사용법이 쉬운지 그러나 기획 의도와 방향을 정하고 프로젝트를 진행하면 늘 변수가 생긴다. 코딩, 개발 시간은 예측하기 어렵고 수 많은 제품 디자인적 의사결정이 필요하고 복잡도
셀렉트 클라우드의 새로운 데이터베이스 연결 방법 (Secure Tunnel)
안녕하세요 셀렉트팀 이진혁입니다. 셀렉트 어드민은 기존 데이터베이스를 연결하여 쉽게 조회, 수정등 페이지를 만들고 계정 초대로 팀원에게 쉽게 공유가능한 서비스입니다. 기존에는 이러한 어드민 개선과 데이터 업무를 위해 개발자, 개발팀 단위로 시간과 노력이 필요했지만 셀렉트 어드민은 SQL, API, DB, UI등 복잡한 단계를 통합하여 누구나 빠르게 데이터를 다루고, 협업이 가능한 환경을 추구해왔습니다. 셀렉트
Self-hosted 로컬 CLI (커스텀인증구현)
셀렉트 어드민 CLI에서는 데이터베이스 접근과 모든 화면은 로컬/내부에서 처리하면서, 동시에 간편한 도입과 설치를 위해 로그인(인증, 사용자, 권한) 부분만 클라우드를 통해 제공하고 있습니다. 일부 금융권등 보안성 요건에 따라 로그인(인증)부터 모든 사용자 계정정보의 보관, 감사로그도 완벽히 내부망에서 이루어져야 합니다. 이를 위해 셀렉트 어드민은 완전구축형(on premise)을 지원하여
인라인 수정 개선하기 - UI 이야기
안녕하세요. 셀렉트팀 이진혁입니다. 어드민 데이터 테이블에서 인라인 수정하는 UI를 개선하며 느낀점을 적었습니다. 배경 셀렉트 어드민에서는 updateOptions 라는 개념으로 모든 부분에 클릭하여 수정하는 기능을 제공하고 있습니다. 필드별 수정, 상태갑 변경, 플래그 켜고끄기 할때마다 API를 만들거나 프론트 단 처리를 개별로 해야하는 불편함을 해결하기 위해 몇가지 YAML로 이를 단축시켰습니다. sql: > SELECT id,
Okta SSO/OIDC 가이드
English version: https://blog.selectfromuser.com/okta/ 한국어 버전 (앱 템플릿 이용): https://blog.selectfromuser.com/okta-app-template/ 셀렉트 어드민은 Identity Provider를 통해 Single Sign On (SSO)을 지원합니다. 본문에서는 Okta를 이용하여 셀렉트 어드민 개별 권한 설정을 진행합니다. 목차 * 지원 기능 * 설정 방법 * Okta 그룹 권한 동기화 * IdP-initiated 통합 로그인 * 문제해결
Okta 연동 (앱 템플릿 방식)
셀렉트 어드민은 OIN(Okta Integration Network) 공식 앱 심사 진행중입니다. 해당 기간동안 커스텀 앱 방식의 연동 가이드를 먼저 제공합니다. English version: https://blog.selectfromuser.com/okta 한국어 버전(OIN 방식): https://blog.selectfromuser.com/ko-okta/ 준비사항 * 셀렉트어드민 관리자 계정 * 도메인 설정된 셀렉트어드민 팀 * Okta 관리자 권한 Okta App 준비하기 앱을
Okta SSO/OIDC Guide
한국어 버전: https://blog.selectfromuser.com/ko-okta Select Admin have the ability to configure an Identity Provider to enable Single Sign On (SSO). This article shows how to configure Okta as the primary Identity Provider to faciliate SSO with the Select Admin application for each subdomains. Contents * Supported features * Configuration
dev
에디터 토큰 발급하기
안녕하세요. 셀렉트 클라우드를 이용하면서 한가지 아쉬웠던 점은 로컬 환경에서 나의 편집기(vim, emacs, vscode등)을 이용할 수 없다는 점 입니다. 폴더, 이름정렬, 여러개 복사붙여넣기, 잠깐 묻어두기(비활성화)등 작업에 불편함이 있어서 해결하고자 여러가지 방법을 팀에서 고민했습니다. 작년에 출시한 셀렉트 설치형 CLI가 있지만, 내부 제작팀에서는 이미 클라우드를 잘 쓰고 있기에 편집
dev
도커 Docker 셀렉트 설치방법
안녕하세요 셀렉트 팀입니다. 목차 * docker container image와 ENV 설정 * docker-compose 예제 Docker Container Image 공식 도커허브 주소입니다. https://hub.docker.com/r/selectfromuser/admin 환경변수들을 지원합니다. * TOKEN 인증 토큰 (값이 없으면 최초 실행시 로그인 필요) * TEAM_ID 프로젝트/팀 ID (값이 없으면 최초 실행시 로그인 필요) * PORT 포트 번호 (기본