레몬베이스 프론트엔드 챕터가 집중적으로 해결해가고 있는 과제들을 공유합니다
함께 머리를 맞대고 고민하면서 바닥부터 쌓아 올려가는 과정을 통해 모든 엔지니어들은 더욱 빠르고 깊이 있게 학습하며 압축적으로 성장하고 있어요.
실시간 업데이트
•
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을 구축할 수 있을까?
•
모놀리틱한 프론트엔드 애플리케이션을 기능 단위로 분할하기 위한 적정 아키텍처는 무엇일까?