BackOffice

02 / KRAFTON

크래프톤 통합 BackOffice 구축·운영

크래프톤 · Product Manager
초기 구축 2022.11–2023.03 · 이후 운영·확장

게임별로 따로 쓰던 관리 도구를 하나의 BackOffice로 통합했습니다. 서비스마다 다른 화면과 콘텐츠를 유지하면서도 인증, 권한, 게시 기능은 공통으로 사용할 수 있도록 기획했습니다.

통합 BackOffice를 적용한 게임별 웹사이트 · 이미지 확대

기존 운영 방식의 문제

각 사이트가 Front와 Admin을 별도로 개발하고 있었습니다. 비슷한 기능도 사이트마다 추가해야 했고, 외주 구축에는 매번 약 3개월이 걸렸습니다. 구축 이후 관리 비용도 따로 들었습니다.

운영자는 사이트마다 다른 도구를 배워야 했습니다. 게임별로 독립 운영하다 보니 브랜드 표현의 일관성을 관리하기도 어려웠습니다. Front와 Admin을 한 묶음으로 개발하는 방식에서는 일부 업무만 외주로 맡기는 등 인력을 조정하는 데도 제약이 있었습니다.

사이트별로 Front와 Admin을 각각 개발하던 구조 · 이미지 확대

통합 CMS Center가 백엔드를 담당하고 각 사이트는 프런트엔드만 별도로 구성하는 Headless 구조를 기획했습니다. 공통 기능을 한 곳에서 관리하되 각 게임의 디자인과 콘텐츠 요구는 프런트엔드에서 처리하는 방식입니다.

본사에서 기반 시스템을 관리하고, 필요하면 프런트엔드 개발에 외주 인력을 활용할 수 있도록 했습니다. 이후 통합 Front System으로 확대하는 경우도 고려했습니다.

공통 CMS Center에 각 서비스의 Front를 연결한 구조 · 이미지 확대

관리자 인증, 권한 그룹, 개인정보 처리를 위한 분리망, 서비스별 Namespace 설정을 설계했습니다. 메뉴 권한과 언어 권한을 함께 적용하는 2중 권한 구조를 두고, 메뉴별 읽기·쓰기·편집·삭제 권한을 설정하도록 했습니다.

22~25개 언어와 6개 글로벌 권역 운영자의 접근 범위를 정리했습니다. 사용자에게 보이는 콘텐츠뿐 아니라 관리자 화면의 다국어 지원도 고려했습니다.

게임마다 필요한 콘텐츠 형식이 달라 컴포넌트별 사용 여부와 세부 설정을 바꿀 수 있도록 했습니다. 서비스별 반응형 화면과 디바이스 확장도 고려했습니다.

프런트엔드를 자율적으로 구성하는 Posting 시스템을 기획하고 개발 과정의 의사결정을 맡았습니다. 대표 이미지와 첨부파일 사용 여부 같은 게시판 설정도 운영자가 선택할 수 있게 정의했습니다.

BackOffice의 관리 기능과 서비스별 화면 적용 사례 · 이미지 확대

글로벌 운영자 교육과 가이드를 제공하고 정기적으로 VOC를 수집했습니다. 운영 중 발생한 요구를 검토해 공통 기능에 반영했습니다.

인증·사이트·콘텐츠의 연동 구성 · 이미지 확대

권한 그룹 등록·편집 화면에서는 고유 키와 이름, 메뉴별 권한을 정의했습니다. 필수값과 중복 키 검사, 등록·저장·삭제 확인, API 오류 처리까지 화면 명세에 포함했습니다.

권한 그룹 관리와 게시판 설정 화면 명세 · 이미지 확대