Home
레몬베이스 팀 알아보기
🎨

Frontend Chapter의 기술 도전 과제

Tags
1 more property
레몬베이스 프론트엔드 챕터가 집중적으로 해결해가고 있는 과제들을 공유합니다 함께 머리를 맞대고 고민하면서 바닥부터 쌓아 올려가는 과정을 통해 모든 엔지니어들은 더욱 빠르고 깊이 있게 학습하며 압축적으로 성장하고 있어요.

 실시간 업데이트

1:1 미팅에 입력되는 어젠다나 코멘트, 목표 관리에서 업데이트 된 데이터 등을 Notion, Google Docs처럼 실시간으로 업데이트해서 보여주려면 어떻게 구현해야 할까?
거의 모든 화면에서 사용되는 구성원 정보를 어떻게 하면 실시간으로 업데이트할 수 있을까?
위계를 가지는 1,000개의 목표를 100명의 구성원이 동시에 접근해 업데이트를 하고, 위치 이동을 하는 경우에도 실시간으로 하나의 동일한 상태를 보여주려면 어떻게 해야 할까?

복잡도

특정 form 항목의 설정에 따라 다른 form의 항목이 변경되는 조합의 수가 수백 개인 도메인을 어떻게 효과적으로 모델링할 수 있을까?
화면 단위로 관리해야 하는 상태의 크기가 매우 클 경우, 어떻게 하면 global 상태 관리 공간을 효과적으로 사용할 수 있을까?
한 화면에서 사용자의 권한과 상태에 따라 수십 개의 다른 화면을 보여주어야 하는 경우, 어떻게 코드를 작성하는 게 효과적일까?
1:1 미팅, 리뷰, 목표 등 다양한 데이터를 조합해 사용자에게 보여줘야 할 때, 엔지니어가 이해하기 쉬우면서도 UI와 독립적인 유연한 데이터 구조를 어떻게 구성할 수 있을까?

성능

어떻게 하면 수천 명의 구성원 정보를 한 화면에 보여주고, 일괄적으로 상태를 변경해도 성능에 문제가 없는 UI를 구현할 수 있을까?
트리 구조로 표현되는 수천, 수만 개의 목표를 어떻게 빠르게 렌더링할 수 있을까?
어떻게 하면 다양한 분석 데이터를 쉽고 빠르게 Data Visualization할 수 있을까?

UI/UX

어드민이 대량으로 데이터(구성원, 리뷰 작성자 등)를 확인하고 편집해야 하는 경우, 어떻게 하면 WISYWYG과 같이 쉽고 편리하게 수정할 수 있도록 UI/UX를 구성할 수 있을까?
어떻게 하면 복잡한 인사 업무를 실수에 대한 두려움 없이 통제력을 가지고 있다고 느끼는 UX를 제공할 수 있을까?
구성원이 리뷰 작성을 하는 경우, Notion에 작성할 때처럼 쉽고 편한 작성 경험(문단 간 Drag and Drop, 이미지 업로드, 섹션 나눔, 이모지 등)을 제공하기 위해서는 어떻게 구현해야 할까?
Typeform의 설문 작성 경험과 같은 자유로운 질문 구성 UI/UX를 어떻게 제공할 수 있을까?

LDS (Lemonbase Design System)

서로 다른 20개의 화면에서 사용되는 컴포넌트를 업데이트해야 할 때, 기존 기능에 문제가 생기지 않도록 하는 동시에 안전하고 효율적으로 업데이트를 하려면 어떻게 해야 할까?
어떻게 하면 UI를 패턴화해서 빠른 속도로 비슷한 기능을 구현할 수 있을까?
어떻게 하면 컴포넌트의 interface만 봐도 사용 방법을 직관적으로 이해할 수 있도록 디자인할 수 있을까?

기타

어떻게 하면 퍼소나(persona)별 사용자의 다양한 행동 데이터를 비즈니스 로직 성능에 영향 없이 잘 수집할 수 있을까?
영어, 일본어, 중국어 등 다양한 언어로 제품을 제공해야 하는 경우, 어떻게 하면 효율적으로 i18n을 구축할 수 있을까?
모놀리틱한 프론트엔드 애플리케이션을 기능 단위로 분할하기 위한 적정 아키텍처는 무엇일까?