안녕하세요! 아이들나라 Frontend 개발자 김혜인입니다 :)
제가 아이들나라에 합류한지도 곧 1년이 다 되어가고 있습니다.(시간이 벌써?! )
오늘은 1년간 제가 아이들나라의 Frontend 개발자로서 경험들을 이야기해 보려고 합니다.
( ͡° ͜ʖ ͡°) 넝담~
아이들나라의 Frontend 개발자는 어떤 일들을 하고 있는지 간단히 알려드리자면 크게 두 가지로 구분됩니다.
아이들나라는 다양한 채널에서 콘텐츠를 제공하고 있습니다. 이런 콘텐츠들은 어떻게 관리되고 있을까요?
아이들나라 앱 메인 화면 (많관부♥)
아이들나라는 **CMS(Content Management System)**를 통해 다수 서비스(채널)들의 콘텐츠들을 한 곳에서 관리하고 콘텐츠 검수를 진행하고 있습니다. 이렇게 CMS에서 등록된 콘텐츠들이 준비가 완료가되면 각 채널의 백오피스를 통해 콘텐츠 편성을 진행하며 운영에 필요한 부분들을 관리하고 있습니다.
그렇기 때문에 CMS를 포함, 채널 별로 다수의 백오피스가 필요한 상황이 되었는데요. 여기서 Frontend팀은 고민합니다. 🤔
이거..아이들나라 백오피스를 위한 공통 UI를 관리하는 무언가를 만들어야겠는 걸..?
신규 통합 CMS 및 백오피스 프로젝트의 코드를 공통화/일원화 관리하기 위해 저희가 낸 결론은 “**UI 패키지 모듈을 만들자”**였습니다. 아쉽게도 바닥부터 시작하기에는 시간이 부족했기 때문에 기본 UI 컴포넌트는 MUI을 사용하였으며 추가 기능들을 붙이면서 Atomic 디자인 패턴을 기반으로 재구현하는 방식으로 진행했습니다.