Search

어드민 플랫폼 간략 소개

저희는 이런 제품을 만들고 있어요

저희는 토스 커뮤니티의 팀원 분들이 사용하시는 업무용 소프트웨어를 개발합니다.
대표적으로는 고객 상담을 위한 도구, 토스팀의 다양한 비즈니스의 운영을 위한 도구 등을 웹 기반으로 개발하고 있어요.
이러한 업무용 웹 어플리케이션을 효율적으로 개발하기 위해 저희는 “어드민 플랫폼”이라는 자체 프레임워크를 사용하고 있습니다.
아래 스크린샷은 이해를 돕기 위해 “어드민 플랫폼” 프레임워크를 통해 구현된 예시 화면입니다.

이런 경험이 있는 사람을 찾습니다

HTTP API를 활용하는 웹 어플리케이션의 구조를 이해하고 계신 분
JSON 또는 YAML 문법의 파일을 능숙하게 작성하실 수 있는 분
SQL을 사용해 데이터베이스에 저장된 데이터를 조회하고 수정할 수 있는 분
“어드민 플랫폼” 프레임워크는 다음과 같은 기술 스택으로 개발되고 있습니다. 다음 기술에 대한 이해는 업무에 필수적이지는 않지만, 도움이 될 수 있습니다.
Server: Django, Python
Frontend: React, TypeScript

네? 프로그래밍 언어를 몰라도 페이지나 기능을 추가하는 업무를 할 수 있다고요?

네! 조금 더 자세히, 차근차근 설명해드릴게요.

우선 제품은 크게 아래 네 가지 요소로 구성되어 그려져요

1.
사이드바
2.
컨테이너
3.
테이블
4.
이 중 컨테이너가 일반적이지 않은 단어인데요.
컨테이너는 때에 따라서 페이지가 되기도 하고, 모달이 되기도 하는 페이지의 상위 개념이라고 이해해주시면 됩니다.

그리고 각 요소는 대부분 개발없이 데이터베이스에 레코드를 추가하는 것으로 완성돼요

왼쪽의 스크린샷은 DB에 저장된 레코드이고, 오른쪽의 스크린샷은 해당 레코드를 통해 화면 추가된 요소의 모습니다.
본 채용 공고를 통해 합류하시게 되면, 왼쪽의 DB 레코드를 입력해서 오른쪽의 요소나 기능을 추가하는 업무를 하시게 됩니다.
(사이드바 레코드 예시)
(그려진 화면)
(컨테이너 레코드 예시)
코로나검사센터 컨테이너는 내부에 두 개의 테이블을 가지고
(그려진 화면)
두 개의 회색 박스 영역에 두 개의 테이블이 보여져요.
(테이블 레코드 예시)
(그려진 화면)
테이블은 다른 컨테이너를 모달로 띄우는 버튼을 포함할 수 있어요.
(그려진 화면)
(센터-상세 컨테이너와 센터-상세 테이블)
(그려진 화면)
(검사-신청 컨테이너와 검사-신청 폼)
(그려진 화면)

추가 자료

이런 컨셉은 마치 슬랙의 Block Kit Builder와도 유사합니다. 혹시 Slack에 익숙하시다면 해당 기능을 참고해보셔도 좋습니다.