김학범

김학범님의 아티클

김학범

김학범

[9월 셀렉트] 테이블 옵션 추가, 설치형, CLI와 보안

안녕하세요. 메이커 여러분!

관리자 페이지를 만드는 새로운 방법, 셀렉트의 김학범입니다.

9월에는 테이블 관련 기능과 함께 이용환경 및 보안 옵션이 확장되었고, 세부적인 업데이트가 있었습니다.

셀렉트 9월 업데이트

새로운 기능

새로운 기능들을 먼저 살펴볼까요?

테이블 셀 바로수정

테이블과 표의 셀을 마우스로 클릭하거나 키보드로 이동할 수 있어요. 수정 모드가 필요한 경우 옵션도 지원합니다.

데이터를 빠르게 키보드로 이동하면서 찾아보거나 간단하게 수정하고 싶을 때 유용해요.

"기존 안전한 방식의 인라인 에디팅 기능을 제공하고 있지만
빠른수정/일괄수정이 필요한 경우 방향키나 엔터, 탭등을 활용하지 못하는 한계가 있었어요."

"해당 기능을 시작으로 쿼리, API만 입력하면
누구든지 노션이나 엑셀과 비슷한 느낌으로 조회/편집이 가능하도록 준비중입니다."

사용법 알아보기

세부항목 복사하기

이제 주문번호나 고객 이메일 같이 서비스운영이나 고객지원 중에 필요한 데이터를 더 쉽게 복사하고 다른곳에 공유해보세요.

복사 옵션을 추가하시면 아이콘 클릭 한번으로 쉽게 복사가 됩니다.

사용법 알아보기

행 클릭 onRowClick

테이블의 행을 클릭해서 모달을 열거나 액션을 실행할 수 있어요.

행 클릭 외에 필요한 UI나 트리거 이벤트가 있으시다면 편하게 문의해주세요.

사용법 알아보기

테이블 페이지 이동 옵션

페이지 이동을 자주할 때는 상단에 고정할 수 있어요.

멀리 있는 페이지로 한번에 가고싶을 때 숫자를 입력해서 이동할 수도 있어요.

사용법 알아보기

설치형, CLI와 보안

셀렉트는 고객사의 다양한 리소스와 보안 환경을 지원하기 위해 노력하고 있습니다.

9월에는 클라우드 서비스 VPC 피어링 외에 새로운 이용 방법을 제공하게 되었습니다.

설치형 on-premise

완전구축형 솔루션으로 기업형 서비스입니다. 궁금하신 분들은 아래 이용 가이드를 참고해주세요.

설치형 이용 가이드

클라우드 with CLI

로컬에서 CLI로 서버를 띄워서 셀렉트 클라우드에 연결하는 방법을 추가로 준비중에 있습니다.

이를 통해 복잡한 설치없이 리소스 연결은 환경변수로 설정할 수 있게 됩니다.

보안 소식

KMS 도입 및 데이터베이스/API 키관련 정보를 기존 암호화 방식보다 더 나은 AES-GCM 방식 채택.

향후 SOC2, ISMS등 고객사 분들의 성장에 발맞추어 셀렉트도 컴플라이언스를 최대한 맞추고자 노력하고 있습니다.

셀렉트로 완성한 어드민은 사용자 행동과 데이터를 전송하거나 트래킹하지 않도록 정기 점검 완료.

기타 업데이트

이외에 다양한 업데이트를 진행하였습니다.

  • API키 수정시 파일 편집하지 않아도 바로 반영되게 개선

  • requestFn에서 다른블록 사용가능

  • block.visible 개선

  • csv 다운로드/일괄입력시 엑셀 xls, xlsx 지원

  • server side pagination시 total 쿼리 없이 임의로 지정 가능

  • 테이블 헤더고정(fixed) 버그 수정 (prepend, append, sticky)

  • selectOptions로 행 선택시 카운트 표시 개선

과거 업데이트 보기

셀렉트 자료

더 많은 정보가 담긴 셀렉트 사이트와 자료를 살펴보세요.

9월 잘 마무리하시고 행복한 추석 연휴되시기 바랍니다.
감사합니다.

6
0
김학범

김학범

먼저 만나보는 AI와 SaaS의 미래

안녕하세요 SaaS 클럽 멤버 여러분!

디스콰이엇의 대표 행사중 하나인 메이커들의 제품 개발 과정을 공유하는 네트워킹 프로그램, PMC가 이번에는 AI & SaaS로 돌아왔습니다.

최근 국내에도 SaaS 제품이 계속해서 늘어나고 있어요. SaaS는 결국 우리의 생산성을 높여주고 비즈니스 과제를 해결해주는 소프트웨어입니다.

AI 또한 추천, 제안을 통해 우리의 생산성을 높여준다는 점에서 SaaS와 떼기 어려운 관계인데요.

앞으로 시장에는 다양한 SaaS 제품들에 AI가 녹아들고 테스트될 것으로 보여요.

SaaS 제품에 AI 기능을 녹이는 고민을 하고 있다면 이번 디스콰이엇 PMC W23 행사 참여를 한번 고려해보세요.

전체 프로그램:

사전 네트워킹:

8
1
김학범

김학범

저희는 이렇게 보내고 있어요.

셀렉트 팀에서는 서비스 Changelog를 매월 가입자분들과 주변 커뮤니티에 공유를 하고 있어요.

제품의 많은 부분들이 고객의 피드백과 함께 발전하고 있기도 하고, 셀렉트 제품 특성상 어떤 결과를 만들 수 있는지 계속해서 알려드리는게 중요하지 않나 싶습니다.

university, college, application, email, mail, message, online, abroad, man.png

문득 어떤 과정을 거쳐서 준비를 하고 보내는지 간략하게 공유하면 좋겠다는 생각이 들었어요.


당연하게도?! 우선 내용을 준비합니다.

내용을 쓸 때는 고객과 주변분들의 관심과 피드백에 대한 감사와 도움드리고 싶은 마음이 닿길 바라면서 쓰곤 하는데요.

항상 지난 달에 쓴 글을 보고 더 개선할 점은 없을까 고민합니다. 지나고나면 보이는 것들이 있는듯 해요.

메일은 인터콤intercom을 통해 보냅니다. 고객과 채팅으로 대화도 하고 이메일도 한곳에서 보낼 수 있다는 점에서 유용해요. (preview 개념으로 팀 내에 이메일을 미리 쉽게 보낼 수 있습니다.)

붙여넣은_이미지_2023__8__31__오전_1_51.jpg

다만 스티비처럼 공유할 수 있는 웹URL이 나오지 않는다는게 아쉬운데요. 이런 문제를 해결하기 위해 이번에는 고스트Ghost에 글을 담고 공유해보려고 해요.

image.png

Discourse와 Readme 등을 통해 Changelog를 쓰고 공유하기도 했는데 아쉬운점이 있어 아직 정착하지는 못했습니다. 😅

내용에 담을 이미지는 피그마Figma로 만들고 있어요. 이런저런 시도를 하다가 심플한 형태로 가고 있어요.

image.png

셀렉트는 YAML 기반의 어드민 엔진이기 때문에 YAML 코드에 대한 가이드도 작성하고 있습니다. 노션에서 깃북Gitbook으로 지금까지는 Readme라는 서비스를 이용해왔는데요.

Readme의 검색 기능이 아쉬워서 최근에는 Vitepress라는 오픈소스에 Algolia를 추가해 사용해보는 중입니다. 조만간 각 방법의 장단점을 비교해보는 글을 써봐야겠습니다.

image.png

돌아보니 전체적인 과정은

안내할 내용 키워드 정리 - 가이드 문서 추가 - 이미지 만들기 - 내용 초안 작성 - 테스트 이메일 보내보고 팀 리뷰 - 다듬고 확정

이렇게 하고 있네요.

가볍게 참고해보시면 좋겠습니다. 저희 팀이 이용중인 툴이나 절차에 대해 궁금한 점이 있으시면 편하게 물어봐주세요 :)

7
4
김학범

김학범

이케아에서 인테리어 아이디어를 떠올리듯이

안녕하세요 메이커 여러분!

셀렉트 팀에서 이번 8월에는 리소스 환경 기능, 새로운 블록 옵션 등 어드민을 위한 각종 업그레이드와 쇼룸 프로젝트를 소개해드려요.

쇼룸 Showroom

셀렉트 팀은 어드민 문제를 해소하는데 도움드릴 수 있는 방법을 찾아가고 있어요.

이케아에서 인테리어의 아이디어를 떠올리듯이 어드민에 대한 아이디어를 얻어갈 수 있다면 어떨까요?

→ 쇼룸 프로젝트 보러가기

리소스 환경 기능

서비스가 성장하고 운영 환경이 고도화될수록 어드민 또한 프로덕션 운영 환경과 개발 환경의 구분이 필요합니다.

어드민을 더 안전하고 빠르게 제작하고 테스트할 수 있게 리소스와 환경변수 기능이 추가되었어요.

임베딩 블록

이제 각각 따로있는 정보를 한 곳에 모아보세요.

어드민이나 파트너센터에 공지사항 또는 영상 가이드를 심거나, 다른 통계 결과 웹페이지를 셀렉트 어드민에 임베딩 할 수 있습니다.

→ 임베딩 방법 알아보기

새로운 뷰 옵션

셀렉트는 고객사의 피드백을 바탕으로 계속해서 새로운 데이터 뷰와 처리 옵션을 추가해나가고 있습니다.

더 필요한 옵션이 있으시다면 자유롭게 문의해주세요.

→ 세로 표 형태로 수정

→ 시간 옵션 설정하기

Javascript 데이터 처리

셀렉트에서는 데이터를 조회하고 처리할 때 자바스크립트(JS)로 데이터를 가공할 수 있습니다.

데이터 요청과 응답에 대해 requestFn과 responseFn 기능으로 지원하고 있어요. 관련하여 도움이 필요하시면 자유롭게 문의해주세요.

→ 예제 살펴보기

셀렉트 팀은 앞으로도 어드민 제작과 유지보수, 발전을 위해 빠른 기능 개선과 피드백 반영에 힘쓰겠습니다. 감사합니다.

8
2
김학범

김학범

혹시 YAML 아시나요?

디스콰이엇에 코드를 보기 좋게 심을 수 있다는걸 오늘 알았네요!

아래는 셀렉트로 어드민 페이지를 만드는 YAML 코드에요.

pages:
- path: users
  blocks:
  - type: query
    resource: mysql.qa
    sqlType: select
    sql: >
      SELECT id, name, email, created_at 
      FROM users 
      WHERE (LENGTH(:id)=0 OR id = :id)
      AND (LENGTH(:name)=0 OR name LIKE CONCAT('%', :name, '%'))
      AND (LENGTH(:email)=0 OR email LIKE CONCAT('%', :email, '%'))
      LIMIT 100
    columns:
      id:
        label: ID
      name:
        label: 이름
      email:
        label: 이메일
      created_at:
        label: 생성일
    params:
    - key: id
    - key: name
    - key: email

JSON 들어보셨나요?

YAML은 JSON의 상위호환 개념으로 설정파일로 많이 쓰인다고 합니다.

쿠버네티스, 깃허브 액션 등도 YAML로 환경이나 절차에 대한 설정을 관리하고 있습니다.

이렇게 동작합니다!

위에 보신 코드를 셀렉트에 입력하면 아래 영상처럼 바로 사용할 수 있는 페이지가 나와요. 제가 방금 세팅하기까지 5~10분 정도 걸린 것 같네요.

디콰 포스팅에 코드를 넣을 수 있다는걸 알고 한번 빠르게 만들어봤습니다 😄

8
1
김학범

김학범

프로젝트 관리툴 뭐 쓰세요?

image.png

저희는 요즘 Height라는 툴을 쓰는중이에요. 예전에 봤을 때는 기능도 적은편이고 뭔가 정신없는 느낌이었는데 최근에 다시 보니 꽤 변화가 있었더라구요.

개인적으로는 Linear와 Asana가 섞인 느낌이었어요.

Linear는 많이 아실 것 같은데 Height는 아직 못 접하신 분도 많지 않을까 하여 공유해봅니다~!

7
1
김학범

김학범

[BiP] 입력폼, 쉬운 레이아웃, 엑셀 업로드와 더더더!

quino-al-c5SEmsjqq5o-unsplash.jpg

당신을 위한 인터널 팀, 셀렉트의 김학범입니다 :)

Build in Public 정신을 따라 매월 서비스 업데이트 내용들을 가능한 디스콰이엇에도 함께 공유하고 있어요.

셀렉트는 어드민, 운영툴, 파트너센터에 대한 고민이 없어지는 날을 꿈꾸고 있습니다.

6월에는 어떤 변화가 있었는지 같이 한번 살펴보실까요?

레이아웃을 더 쉽게

기존에는 직접 레이아웃을 세팅하는 커스텀 중심의 방법이었다면
패키지 형태로 간단하게 구성할 수 있는 기능을 추가했어요.

심플한 레이아웃 설정

입력폼을 제대로

이제 사용자를 위해 더 정교하고 명확한 입력폼을 구성할 수 있어요.
상품 추가나 카테고리 설정 등 다양한 입력 페이지를 만들고 이용해보세요.

입력폼 만들기

엑셀 업로드

많은 데이터를 한번에 업로드하는게 필요하지 않으셨나요?
엑셀이나 CSV 파일로 데이터를 가져와 DB에 저장시킬 수 있습니다.

업로드 방법 보기

모달 전후 이동

이제 노션처럼 클릭 한번으로 이전/이후 모달로 이동할 수 있어요!
여러 내역을 빠르게 확인해보세요.

지난주, 다음주 반복이동

날짜 이동을 '규칙적으로 여러번' 할 수 있어요.
지난달, 다음달, 작년, 내년 모두 가능해요.

반복이동 버튼 만들기

기타 개선사항

valueFromSearch: 웹 주소(URL)를 파라미터로 사용할 수 있어요.
breadcrumb: 페이지 간에 경로 UI를 설정할 수 있어요.
type: tab: 탭을 더 자유롭고 다양하게 쓸 수 있어요.
디테일 개선 및 버그 수정

커뮤니티 사이트 오픈

커뮤니티 사이트가 생겼어요! 다양한 사용법이나 업데이트도 계속 올라가게 됩니다.

퍼블릭 앱

파트너센터나 고객 포털을 위한 새 기능이 곧 출시되어요.
페이지 단위로 임베딩하거나 별도로 공유하기 쉬운 형태를 만들 수 있습니다.


흥미로운 개선이 있었을까요?

어드민에 대한 고민이 있으시다면 부담없이 제게 연락해주세요.

고객분들과 이야기하며 고객의 어드민 문제를 해결하고 있습니다.

감사합니다!

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

10
0
김학범

김학범

메트릭, 포스트 뷰 그리고 수정모드

안녕하세요! 메이커분들이 필요한 어드민을 쉽게 만들 수 있게 돕는

셀렉트라는 서비스를 만들고 있습니다.


셀렉트는 주기적으로 디스콰이엇에 업데이트를 공유하고 있어요.

혹시 무얼하는 서비스인지 궁금하신가요? 6월 업데이트 사항들을 한번 살펴보세요 :)


메트릭 옵션

지표를 시각화할 수 있는 새로운 옵션이 추가되었습니다. 메트릭 옵션을 통해 유입이나 판매채널별로 랭킹을 한눈에 보고 주요 타입별 비중을 쉽게 살펴보세요.

→ 메트릭 옵션 사용방법

다운로드 관련 기능 추가

기존에는 구글시트를 통한 데이터 다운로드만 가능했지만, CSV 파일로 바로 다운로드 받거나, 다운로드 기능 자체를 꺼버리는 방법이 추가되었습니다. 원하는 옵션대로 다운로드 기능을 설정해보세요.

→ 다운로드 관련 설정 방법

포스트 디스플레이

내용을 위에서 아래로 문단(post)으로 표시하고 thClass, thStyle, thClass, tdStyle를 활용하여 커스텀할 수 있습니다. 글 콘텐츠를 더 이해하기 쉽게 관리해보세요.

→ 포스트 형태로 설정하기

새로운 컬럼 옵션들

이제 테이블 제일 앞이나 뒤에 컬럼을 쉽게 추가할 수 있습니다. 가장 앞 컬럼은 좌우 스크롤해도 움직이지 않게 고정할 수도 있어요.

→ 컬럼 추가하고 고정하기

더 안전하게 처리하고 모니터링해요.

실행할 쿼리를 확인하고 진행합니다.

→ sqlConfirm: true

블록을 실행할 때, 알림창(toast)를 띄우고 상세 옵션을 설정할 수 있어요.

→ toastOptions

쿼리 모니터링을 제공해요.

  • 모든 쿼리는 일자별로 샘플링해서 테이블에 남습니다. (카운트, 응답시간 표기)
  • 관리자 > 모니터링 메뉴에서 확인할 수 있어요.

→ log: true

조회/수정 모드 만들기

상시 수정모드나 개별 필드를 수정하는 것을 넘어서, 조회/수정모드를 바꿔서 안전하게 조회하고 필요할 때만 여러 필드를 쉽게 수정할 수 있게 되었어요. 알맞는 데이터 수정 방법을 선택해보세요.

→ 수정 모드 설정하기

기타 업데이트

궁금한 점이 있거나 제안하고 싶은 기능이 있으신가요?

셀렉트 팀에게 아래 방법들로 편하게 말씀해주세요.

감사합니다.

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

4
0
김학범

김학범

SaaS 클럽 공개 vs. 비공개

안녕하세요. 셀렉트의 김학범이라고 합니다.

이전에 SaaS 클럽을 만들고 아쉽게 많이 활동을 못했었는데요.

클럽을 비공개로 진행했었는데, 공개로 바꾸는게 업계분들이 SaaS에 대한 이야기를 더 많이 나눌 수 있는 길인지 고민이 되어서요.

클럽 참여자 분들께서는 어떻게 생각하실까요?

  • 공개하자 = Upvote 업보트
  • 지금도 괜찮아요 = 보라 하트

편하게 의견 남겨주시면 좋겠습니다!

7
1
김학범

김학범

[NEW] QuickSearch부터 날짜 범위 선택, 새로운 템플릿까지

안녕하세요! 메이커 여러분

셀렉트 팀에서 2023년 네번째 제품 업데이트 소식을 전해드려요. 🎉


-

팀 컬러로 바꾸기

우리 팀만의 컬러로 레이아웃 색을 산뜻하게 바꿔보세요!

→ 컬러 바꾸는 방법

-

퀵서치로 더 빠르게

메뉴와 상단에 검색바를 추가해보세요.

정보를 더 빠르게 찾고 고객의 문제를 더 빠르게 해결해요.

→ 퀵서치 추가하기

-

직접 만든 어드민처럼

팀 도메인을 입력하고 독립 사이트로 접속해요!

기존에는 어드민에 접속하기위해 셀렉트를 항상 거쳤어야 했어요.

이제 독립 사이트로 바로 로그인하여 이용할 수 있습니다.

-

더 잘 알아볼 수 있게

중요한 정보를 더 빨리 캐치해서 업무 생산성을 높여보세요.

-

기간 선택이 간편해져요.

간편하지만 까다로운 날짜 기간 선택. 셀렉트에서 준비했어요.

→ 기간 선택 UI 적용하기

-

액션을 더 쉽고 안전하게

액션 기능이 개선되었습니다! 더 복잡한 처리를 액션 버튼 하나로 간단하게 처리하고, 조건에 따라 다른 선택지를 보여줄 수도 있어요.


-

새 템플릿을 만나보세요.

셀렉트에 로그인하시면 새 템플릿을 보실 수 있어요. 템플릿은 계속해서 추가됩니다! 필요한 템플릿을 문의주시면 빠르게 추가해요.


관심있는 업데이트가 있으셨을까요?

관련해서 궁금한 점이 있으시거나, 새로운 기능 제안과 고민이 있으시다면

셀렉트 팀에게 아래 방법들로 편하게 말씀해주세요.

읽어주셔서 감사합니다. 메이커 여러분 4월 첫째주도 힘내세요!

셀렉트는 메이커와 스타트업이 번거로운 일들을 맡기실 수 있게 달려가겠습니다.

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

5
0
김학범

김학범

운영툴 템플릿 어디 없을까요?

운영툴을 만들 때는 처음에 구상하는 시간이 많이 소요됩니다. 셀렉트 팀에서 메이커, 스타트업들이 이런 시간들을 아끼실 수 있게 상황별 템플릿을 추가하고자 합니다.

템플릿 페이지

템플릿 기능을 통해 어떤 페이지를 만들 수 있는지 쉽게 체험할 수 있어요.

서비스와 비즈니스에 필요한 템플릿이 있다면 여기서 신청하시거나, 셀렉트 고객지원 채팅창으로 문의해주세요. 셀렉트 팀 구성원의 다양한 스타트업 경험을 바탕으로 지원합니다.

템플릿은 위 이미지와 같이 살펴보고 복제해서 우리 팀 어드민에 추가할 수 있습니다.


템플릿 외에도 피드백을 바탕으로 다양한 기능 개선이 있었습니다.

콘솔로그 기능 추가

어드민 편집자를 위한 콘솔로그 기능이 추가되었습니다. 페이지를 만드실 때 API나 SQL 쿼리의 데이터 요청과 응답 결과값을 볼 수 있습니다.

편집 페이지 우측 상단의 '콘솔로그 켜짐/꺼짐' 버튼으로 키고 끌 수 있어요. 특히 API 블록을 사용하실 때 이슈 파악에 도움을 주는 기능입니다.

세부사항 개선

데이터에 색상 입히기

데이터에 색상을 입혀보세요. 주문이나 상품, 문의 등의 상태별로 색상을 다르게 하여 쉽게 구분할 수 있어요. → 설정 방법 보러가기

드롭다운 여러개 선택

드롭다운의 복수 선택지에서 데이터를 고를 수 있습니다. 복수 데이터를 입력해야할 때 사용해보세요. → 드롭다운 설정 보러가기

페이지 이동 시, 복수 파라미터 적용

내/외부 페이지로 이동할 때 이제 2개 이상의 파라미터도 지원합니다.

→ 복수 파라미터 설정

API VPC Peering 지원

이제 SQL뿐 아니라 API도 VPC Peering이 지원됩니다.

→ VPC Peering 방법


셀렉트는 변화하는 비즈니스와 서비스 환경에서 적시에 운영툴을 채울 수 있게 돕고 있습니다.

해결하고 싶은 운영툴 문제나 새로운 기능 제안은 언제든지 말씀해주세요.

3월에도 성장하는 팀과 메이커분들께 도움되는 방법을 찾고 개선하겠습니다.

감사합니다.

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

9
2
김학범

김학범

커뮤니티의 장벽 3단계

커뮤니티에 대한 몇가지 생각이 들었어요.

커뮤니티 메이커보다 참여자의 입장에서 가볍게 적어봤습니다.


3가지 장벽

커뮤니티에는 몇가지 장벽이 있는 것 같습니다.

3가지 정도로 분류해봤습니다.


1/ 로그인 장벽

커뮤니티는 항상 로그인이 문제인 것 같습니다.

자주 느끼는 문제이고, 참여를 하고 싶을 때 첫번째 장벽입니다.


"로그인하는 수고 > 가볍게 참여하고 싶은 마음, 에너지"

이럴 때는 참여하지 않게 되는것 같아요.


디스콰이엇 뿐 아니라 다른 곳에서도

이메일 알림이나 카카오톡 등으로 터치포인트가 생기는데 


저는 지메일로 왔을 때가 로그인이 되어있거나

로그인이 편리해서 참여하게 됩니다.


카톡은 인앱브라우저에서 시스템 브라우저로 연 다음에

접속하면 되지만 그 작은 1, 2단계도 장벽이 생기는 것 같네요. 


2/ 두려움 장벽

무엇이든 첫 행동이 어렵습니다.

저는 처음에 디스콰이엇에 댓글 남기는 것도 쉽지 않았던 것 같네요.


실명과 익명의 문제도 있고,

온라인은 박제된다는 점에서도 장벽인 것 같아요.


이는 커뮤니티 소속감이나 동질감으로 안정감이 생기면서

극복가능했던 것 같습니다.


일론 머스크가 트위터에 아주 편하게? 트윗을 하는걸 보면

두려움 장벽이 제로인가 싶을 정도입니다.


3/ 효용 장벽

지속적인 행동과 참여를 위해서는 동기가 필요합니다.

개인적인 삶의 만족이든, 일에 도움이 되는 효용이든 필요합니다.

디스콰이엇은 최근에 커뮤니티 기여도 기능으로 접근해보신 것 같아요.


저는 관심있는 주제에 대해 사람들과 대화를 나눌 때 만족하고 있습니다.

커뮤니티에서 대화를 나눌 수도, 1:1로 커피챗을 신청할 수도 있는데

제게 좋은 대화가 많은 방향으로 시간이 점점 늘어나지 않을까 싶습니다.


어떻게 생각하세요?

3가지 장벽에 대해 공감하시나요?

본인이 요즘 가장 크게 느낀 장벽은 어떤 것이 있으셨는지,

댓글로 남겨주시면 재밌을 것 같습니다.

15
5
김학범

김학범

NoSQL, 커스텀 레이아웃, 그리고 새로운 아이디어


2023년 셀렉트의 두번째 소식입니다.

셀렉트는 1월에 큼직한 변화들이 있었습니다.


NoSQL을 지원합니다!

첫번째 NoSQL 지원 DB는 몽고디비MongoDB 입니다.

고객 로그나 히스토리 데이터를 보여주는 페이지가

필요하셨다면 도움이 되실거에요.

→ MongoDB 이용법

다른 리소스가 필요하다면

DynamoDB와 BigQuery 등 DB나

노션, 채널톡, 젠데스크과 같은 앱 연결이 필요하신가요?

그렇다면 아래 링크에서 신청해주세요.

→ 신규 리소스 연결 신청하기


자유로운 레이아웃

이제 셀렉트의 레이아웃을 더 자유롭게 커스텀할 수 있습니다.

다양한 레이아웃을 쉽게 만들어 업무 효율을 높여보세요.

→ 레이아웃 설정법 보러가기



파일 순서 바꾸기

편집 파일의 순서를 바꾸고 싶은 순간이 있으셨나요?

파일을 드래그&드롭으로 바꾸고, 메뉴나 페이지의 순서를 쉽게 수정하세요.



인터렉티브 데모

아직 셀렉트를 어떻게 써야할지, 어떤 장점이 있을지 고민이신가요?

다양한 데모를 한번 살펴보세요.

가입/로그인 없이 간단히 살펴보거나, 샘플 어드민을 써보실 수도 있습니다.

→ 데모 보러가기



고객 피드백과 함께

셀렉트는 고객의 피드백과 함께 발전하고 있습니다.

피드백을 주시면 긍정적으로 검토하여 진행합니다.

색상 데이터 지원

색상값을 입력하거나 컬럼에 표기해야할 때 유용합니다.

format: color 기능으로 간편하게 설정해보세요.

→ 컬러 포맷 설정

테이블 헤더 고정

스크롤을 통해 많은 데이터를 빠르게 확인해야할 때가 있습니다.

헤더를 고정해서 각 필드가 어떤 데이터인지 쉽게 확인해보세요.

→ 테이블 옵션 보러가기


이 외에도 몇가지 상세한 기능 개선과 버그 수정도 함께 진행하였습니다.

  • 페이지 단위 로딩 표시
  • 테이블 데이터를 체크박스로 수정
  • Javascript 인라인 코드 지원


이런 생각, 어떠신가요?

스프레드시트, 노션, 슬랙은 다각도로 사용되는 도구입니다.

이런 도구와 데이터베이스를 자연스럽게 연결하여 효율적인 시스템을 만들 수는 없을까요?


이에 대한 셀렉트의 아이디어를 한번 살펴보세요.

→ 아이디어 보러가기


셀렉트 소식을 읽어주셔서 감사합니다.

관심있는 기능을 어떻게 써야할지 고민이시거나,

해결하고 싶은 문제가 있다면 문의주세요.


셀렉트는 3월에도 더 발전된 모습으로 찾아뵙겠습니다.

감사합니다. 메이커 여러분 모두 2월에도 화이팅입니다! 💪

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

13
4
김학범

김학범

B2C vs. B2B

마케팅하는 사람들 커뮤니티분들은

주종목(?)이 어떤 마케팅이신가요?

저는 B2B 입니다!

1
3
김학범

김학범

'운영툴 개발 시간은 왜 부족할까?'

최근 밤에 30분~1시간씩 짬을 내어 5주간 스파르타코딩클럽의 웹개발 종합반 강의를 들었습니다.


저는 초기 IT 스타트업에서 고객지원과 데이터 분석, 프로젝트 관리 등의 업무를 맡아왔는데요. 그동안 IT와 개발에 대한 지식을 눈치껏 파악하거나, 논리적으로 추론하거나, 잘 모르는 개념을 검색하면서 배워갔습니다.


업무를 수행하는데 있어 큰 이슈는 없었지만, 묘한 아쉬움과 투명한 장벽이 있는 기분이었습니다. 이런 아쉬움을 해소하고자 무료부터 유료 강의까지 이런저런 시도들을 해봤지만 웹개발을 전체적으로 이해하는 강의를 성공적으로 완주하지는 못했었습니다.

수료증도 받았어요!

연말과 새해를 맞이해 스파르타코딩클럽의 대표님(목소리 톤이 귀를 사로잡습니다. 😅)이 나오는 광고 덕분에 커리큘럼을 살펴보았고 제게 필요한 강의라 보았습니다. 저렴한 가격은 아니었지만 완주를 하고나니 만족스럽습니다.

만족스러운 이유?

완주 후 웹개발에 대한 이해도가 확실히 높아졌습니다. HTML과 CSS 등 프론트엔드부터 서버, 백엔드 개발, 데이터베이스 그리고 배포까지 웹개발의 한 사이클을 돌리는데 집중하는 강의였습니다.


그동안 코끼리를 묘사하는 말과 글들만 봤다면, 코끼리를 직접 보고 직접 그려보는 경험이었습니다. 짧은 시간인 만큼 웹개발의 모든 면을 이해하고 개발자가 될 수 있다기보단, IT 조직의 PM/PO들에게 적합해보입니다.


당연하게도 개발자의 말들이 더 잘 이해됩니다. 동시에 소프트웨어를 만들 때 얼마나 많은 어려움과 절차가 있는지 느껴집니다.


운영툴도 결국 소프트웨어이기 때문에 저희 팀이 만들고 있는 '셀렉트' 서비스가 얼마나 간단한지도 체감됩니다. (정말 좋은데 어떻게 표현할 방법이 없네 🤔)


운영툴 같은 소프트웨어를 만들 때

이처럼 소프트웨어를 만들 때 무엇이 필요한지는 개념적으로 알고 있었지만, 작게나마 직접 코드를 작성해본 다음의 생각을 한번 정리해보았습니다.


프론트엔드

적당한 프론트엔드 툴킷을 찾아야합니다. 전통적이고 탄탄한 부트스트랩 Bootstrap부터 최근 빠르게 성장한 TailwindCSS까지 다양한 프론트엔드 프레임워크가 있습니다. 기본 디자인에서 벗어나고 싶다면 부트스트랩 기반의 유료 템플릿을 구매하는 것도 방법입니다.

2022 CSS Framework Stats



백엔드, 서버

파이썬 Python을 쓸지, NodeJS를 쓸지, 자바 Java를 쓸지 마음대로 정할 수 있는 문제는 아닌듯 합니다. 대부분 개인 또는 팀에게 익숙하거나 자주쓰는 언어 기반으로 가게 됩니다. 2개 이상의 언어를 이용할 때는 담당자에게 익숙한 언어가 선택될 가능성이 높습니다. 특히 어드민, 백오피스 툴 개발과 같이 시간이 부족한 상황은 더욱 그렇습니다.



데이터베이스

제가 들은 강의에서는 몽고디비 MongoDB를 사용했습니다만 MySQL이나 PostgreSQL 등 RDB가 아직은 많이 쓰이고 있습니다. 강의 덕분에 MongoDB와 같은 NoSQL에 대한 이해가 높아졌는데, 확실히 SQL 데이터베이스가 간단한 SQL 쿼리로 데이터를 추출하고 써먹기에 더 편리하다는 느낌입니다.


물론 다양한 로깅을 쌓아야하거나, 데이터베이스 변화가 많고 구조화하기 어려울 때 등 NoSQL의 장점이 있기 때문에 '어떤 디비가 무조건 좋다!'라는건 없겠습니다.


배포

강의에서는 AWS Elastic Beanstalk을 이용해 배포하였습니다. 배포는 정말 복잡한 것 같습니다. 제가 경험한 과정은 단순하고 통제된 환경이었지만, 실제 환경에서는 문제가 다양하겠네요.


많은 개발 언어 패키지가 생기면서 생산성은 높아졌지만, 패키지 버전이나 다른 패키지 간의 충돌 등으로 배포가 실패하기 쉽겠다는 생각이 듭니다. 스타트업이 성공하기 위해서는 배포를 안전하면서 쉽게 관리해야합니다.



사용자 관리와 접근 제어 시스템

운영툴에 접근할 수 있고, 어떤 데이터나 페이지는 누구에게 제한되어야하는지 등을 관리하기 위해서는 사용자 관리와 접근 제어 시스템이 필요합니다.

  • 사용자 추가
  • 사용자 수정
  • 사용자 삭제
  • 권한 그룹 추가
  • 권한 그룹 삭제
  • 권한 그룹에 사용자 추가
  • 권한 그룹에 사용자 삭제
  • ...

웹개발을 더 이해하고나니 할게 더 많아보이네요. 왜 이렇게 하나씩 다 쪼개서 생각해야되는지, 어떻게 쪼개야 개발자와 소통이 더 쉬울지 와닿습니다.

셀렉트 내장 기능 화면 일부



서비스 로깅

어떤 페이지에서 어떤 행동을 했는지 기록을 해둬야할 때가 있습니다. 실수를 하여 어떻게 되돌려야하는지 알고 싶거나, 일어나서는 안될 일이지만 사건사고로 인해 어드민에서 데이터가 유출될 수도 있기 때문이죠.



패키지 버전 관리

소프트웨어를 만들기 위해 사용한 프레임워크들의 버전 차이나 설치된 패키지 간의 충돌로 인해 문제가 생길 수도 있습니다.



인수인계와 개발 언어

다른 개발자에게 인수인계를 해야하는 상황이 왔습니다. 그런데 프로그램을 구성한 언어와 프레임워크를 써본적이 없으시다고 합니다. 개선에 시간이 더 걸릴 가능성이 높아집니다.


파이썬 Python, 노드JS nodejs, 자바 Java.. 도대체 무슨 차이일까요? 왜 Python을 하던 분이 nodejs를 하면 개발 속도가 느려질 수 밖에 없는걸까요?


비유를 하자면, 스페인어를 하던 사람이 포르투갈어를 해야하는 것과 비슷하지 않을까 합니다. 문법이나 비슷한 단어들이 많아 추론이 가능하지만, 실수하지 않고 제대로 쓰려면 사전을 찾아가면서 쓰거나 재학습을 해야하는 것이죠.



챙길게 많습니다.

IT 기업과 스타트업의 모든 직군이 마찬가지지만, 개발자분들도 소프트웨어 개발 영역만으로도 챙길게 많아보입니다. 운영툴도 소프트웨어이기 때문에 만드는데 시간이 필요할 수 밖에 없어보입니다.


PM이나 개발자이신가요?

웹개발 학습에 대한 소회에서 시작했지만, 셀렉트가 해결하고자 하는 문제와 고충에 더욱 동기화가 되었습니다.



프로덕트 매니저(PM)시라면

스파르타코딩클럽 웹개발 종합반을 한번 검토해보세요. 두루뭉실하던 개념이 정립되고 대략이나마 코드가 어떻게 구성되겠구나라는 싶습니다. 비유는 비유대로 이해를 돕지만, 직접 있는 그대로 이해했을 때 오는 장점은 또 다른듯 합니다.

물론 모든 PM이나 기획자가 웹개발 강의를 들어야한다고 생각하지 않습니다. 코딩을 직접해보지 않아도 PM 업무를 잘할 수 있고, 이외에 잘해야할 일 또한 많습니다.

다만 약간의 시간 투자만으로 만족스러운 경험이었습니다. 강의에 대해 물어보고 싶거나 어드민에 대한 이야기를 하고 싶다면 카카오톡 오픈채팅이나 이메일로 편하게 문의해주세요.



개발자시라면

셀렉트를 한번 검토해보세요. 직접 개발하시면 정말 많은 시간이 들겠다는걸 느꼈습니다. 만들고 끝나는게 아니고 유지보수와 인수인계도 계속되니까 말이죠.

물론 모든 상황에서 셀렉트가 정답은 아닐 것입니다. 참고하실 수 있게 직접 개발할 때와 셀렉트를 이용할 때의 할 일 비교표를 만들어보았습니다.

어떠신가요? 물론 직접 개발할 때는 자유도가 100%라는 장점이 있습니다. 대신 그만큼 개발 시간이 길어집니다. 빠르게 백오피스 툴이나 어드민 페이지가 필요하다면 셀렉트가 대안 중 하나가 됩니다.


테스트 데이터베이스와 샘플 어드민 또한 함께 제공드리고 있어요. 무료로 가입하셔서 한번 살펴보세요.

→ 무슨 서비스인지 구경하러가기

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

18
2
김학범

김학범

텍스트 에디터, 셀렉트 호스팅 DB부터 초기화 버튼과 색상 변경까지 살펴보세요.

안녕하세요. 메이커 여러분!

2023년의 셀렉트 첫번째 소식입니다. 2022년 말 제품 업데이트 소식을 전해드려요.

1/ 고객 피드백을 통해 디테일한 기능을 개선했습니다.

셀렉트는 고객 중심으로 움직입니다.

'불편하긴 한데.. 이런것까지?' 무엇이든 의견주세요!

초기화 버튼

일일히 하나씩 지우지 않고 입력 값을 한번에 쉽게 지울 수 있어요.

초기화 버튼 추가

버튼색 설정

이제 버튼별로 의미를 알기 쉽게 꾸밀 수 있어요.

버튼 색상 바꾸기


2/ 간단한 CMS 기능과 데이터베이스로 운영툴을 만들어보세요.

에디터 옵션

에디터 기능이 추가되었어요.

FAQ나 공지사항 등 간단한 내용을 마크다운 등으로 작성해보세요.

서비스 CMS 만들기

셀렉트 데이터베이스

셀렉트에서 호스팅하는 데이터베이스를 지원해요.

개발자가 아니어도 DB를 쉽게 띄우고 운영이나 데이터 분석용으로 사용할 수 있어요.


3/ YAML 편집을 더 쉽게.

편집 결과 미리보기

편집 페이지에 '미리보기' 기능이 추가되었어요.

내용을 수정하면서 빠르게 변동사항을 미리볼 수 있어요.

미리보기 사용법 보기

편집기 개선

YAML을 편집할 때 도움을 주는 기능인 자동완성과 오류 안내 부분을 개선했어요.

이슈가 있는 부분을 더 쉽게 발견하세요.


4/ 기타 세부적인 개선과 버그 수정

자세한 사항은 가이드 문서에서 확인하실 수 있습니다.

  • 체크박스 옵션 추가
  • API 블록 DELETE, PATCH 지원
  • params.disabled 지원
  • params.hidden 지원
  • 기타 버그 수정

새로운 기능이나 업데이트에 궁금한 점이 있다면 자유롭게 메시지를 남겨주세요.

2023년 새해 복 많이 받으시고, 계획하신 일들 모두 잘되길 바라겠습니다!

감사합니다.

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

10
5
김학범

김학범

내가 한국 SaaS, B2B 서비스 모음집을 만든 이유

제목이 거창하지만 사실 가벼운 프로젝트입니다. 간단하게라도 서비스 모음집을 만들어보자라고 생각했고, 시작하게 된 이유는 3가지 정도였습니다.

1/ 개인적인 관심

사용자로서 SaaS에 대한 관심이 많습니다. 아쉽게도 몸이 하나라 모든 SaaS를 써본건 아니지만, 기존과 새로운 서비스들을 계속해서 주시하곤 합니다.

알고 있던 국내 서비스들의 소식이 궁금하기도 해서 뉴스레터를 받아보지만, 중요한 이메일에 집중하기 위해 결국 구독해지를 합니다.

나중에 문제를 해결하고 싶은 그 타이밍에 서비스 이름이 머리속에 떠오르거나 검색 결과에 나와야 하는데요. 종종 찾지 못해 아쉽게 됩니다. 미리 정리를 해두면 더 좋겠다 싶습니다.

근데 왜 B2B도 포함되었는가? 고객 입장에서 문제를 해결하려고 정보를 찾다보면 SaaS와 B2B 서비스의 차이는 느껴지지 않습니다. SaaS와 B2B 서비스 모두 결국 개인이나 기업의 생산성 향상에 도움이 되는 서비스라는 점에서 동일하게 보았습니다.

2/ 팀 철학

일을 하는데 있어 효율적인 업무 처리나 프로세스화를 위해 SaaS, B2B 서비스를 도입하거나 어드민 페이지, 운영툴을 만들게 됩니다.

하지만 리소스나 인수인계, 정보 부족 등의 이슈로 도입, 개선이 어렵거나 기능이 중복되는 등 개발과 운영 모두에 아쉬움이 생기게 됩니다.

제가 속한 셀렉트 팀은 이런 문제들을 해결하고 있습니다. 셀렉트 팀이 고객에게 좋은 서비스를 제공하기 위해서는 시장과 고객에 대한 이해를 계속해서 높여야합니다. 사람들이 필요한 것은 무엇일까요?

3/ 시장과 고객

사실 SaaS 모음에 대한 시도는 계속해서 있어왔습니다. SaaS나 B2B 서비스에만 집중된 것은 아니지만, 글로벌에서는 G2, Capterra, Producthunt 등에서 그 정보를 확인할 수 있습니다.

국내에서는 과거에 고위드에서 하셨던 SaaS 크래커부터 메이커 커뮤니티 디스콰이엇(Disquiet)🤩과 Relate SaaS 리스트 그리고 최근에는 SaaS flow🎉라는 서비스(준비중)까지 나오고 있습니다.

이 모음집까지 굳이 필요할까? 스스로 필요한 것을 생각해보니 복합적인 UI와 설명도 좋지만, 때로 필요한게 복제가 가능하고 내가 금방 확인할 수 있는 단순한 목록이었습니다.

고객은 바쁩니다. 왜일까요? 고객의 시간은 이미 다른곳에 쓰이고 있기 때문입니다. 저도 고객의 입장일 때는 왠지 항상 바쁩니다. 지금 또는 가까운 시일내 필요한 상황이 아니거나, 도입 성공 장벽이 높으면 이 바쁨을 넘어서기 힘듭니다.

하지만 막상 필요한 상황이 되었을 때, 서비스 존재 자체를 잊어버릴 수 있습니다. 서비스를 정리해두지 않아도, 잊어버려도 나중에 찾기 쉽게 도움이 필요합니다.

어떻게 해야할까요?

국내에서 많이 사용중인 노션에 정리합니다. 페이지 자체를 복제할 수도 있어, 자신의 노션 공간에 저장해둘 수 있습니다. 최신 버전은 원본 페이지의 링크로 들어가서 확인하고 다시 복제할 수도 있습니다.

너무 무겁게 생각하지 않았습니다. 고객과 공급자가 가볍게 이야기 나눌 수 있어야 더 좋은 서비스가 나온다고 생각합니다.

→ 한국 SaaS, B2B 서비스 모음 사이트 보러가기

우선 단순한 백과사전 형식에서 시작하지만 개인적으로도, 팀적으로도, 고객의 입장에서도 필요한 시도라고 생각합니다.

재밌는 아이디어가 있다면 softpedia@selectfromuser.com 으로 이메일 주시기 바랍니다. 감사합니다.

셀렉트 Select

스타트업을 위한 어드민, 백오피스 솔루션

26
18