우리는 왜 차트를 쪼갰을까: 복잡한 데이터 시각화에 유연하게 대응하기 / if(kakaoAI)2024
if kakao 카카오 · YouTube
AI 핵심 요약
의료 연구 데이터 플랫폼에서는 차트 요구사항이 복잡해질수록 기존 라이브러리의 추상화된 인터페이스를 우회해야 했고, 데이터와 차트 요소에 함께 의존하는 큰 함수는 예측하기 어려운 변경을 일으켰습니다. 이를 해결하기 위해 차트를 React 컴포넌트 관점에서 다시 설계하고, 디자인 시스템처럼 컴파운드 컴포넌트와 Context API로 차트 로직을 구성 요소에 나눠 담았습니다. 데이터는 인덱스 대신 식별자로 접근하게 하고, 렌더 프롭스로 계산 결과를 공개해 UI 표현은 사용하는 쪽에서 결정하도록 했습니다. 새로운 기술보다 문제의 본질을 다시 정의하고 로직과 UI의 경계를 조정한 것이 유연성과 변경 대응력을 높이는 핵심이라는 점을 공유했습니다.
- 차트의 규칙과 UI를 구분하고, 데이터에 따라 계산되는 값만 차트 로직으로 다루세요.
- 컴파운드 컴포넌트와 Context API는 구성 요소 간 결합을 낮추는 데 활용할 수 있습니다.
- 배열 인덱스나 데이터 객체의 내부 구조 대신 식별자를 인터페이스로 사용하면 데이터 변경에 따른 의존성을 줄일 수 있습니다.
- UI 커스터마이징을 위해 모든 옵션을 미리 설계하기보다 렌더 프롭스로 계산 결과를 전달하고 렌더링 제어권을 사용자에게 넘길 수 있습니다.
소개
데이터를 활용하는 분야에서 적절한 시각화는 매우 중요합니다. 하지만 복잡한 요구사항에 대응하기 위해 차트의 깊은 곳까지 들여다보는 일은 때때로 매우 어렵습니다. 디자인 시스템을 조립하듯 쉽게 차트를 만들 수 있다면 어떨까요? 이를 위해 차트의 로직과 UI를 분리하여 정의하고, 새롭게 설계 및 구현한 과정을 공유합니다. #Frontend #데이터 시각화 #의존성 관리 카카오헬스케어에서 데이터 플랫폼을 위한 차트 시스템을 개발하고 있는 Ollie입니다. 유연한 인터페이스 설계와 안정성 높은 코드 작성에 관심이 많습니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-41 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
비슷한 학습 자료
컨퍼런스 if kakao
모두를 위한 게임 데이터 검색 시스템 / if(kakaoAI)2024
컨퍼런스 if kakao
데이터 분석 및 이에 기반한 의사결정이 신속히 이루어져야 하는 게임업계 특성상, 어떻게 데이터 접근성을 높일 수 있을지에 대한 고민이 많았습니다. SQL과 스키마 구조를 모르더라도 데이터에 쉽고 빠르게 접근할 수 있는 데이터 검색 시스템을 구축하기 위한 노력과 그 과정을 소개합니다. #data #game #LLM 카카오게임즈에서 BI 업무를 담당하고 있는 Sonny와 Saylor입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-82 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
데이터베이스 인공지능 기타
컨퍼런스 if kakao
네이티브 차트 개발 여정 / if(kakaoAI)2024
컨퍼런스 if kakao
유동적인 데이터를 시각화하는 차트를 개발하며, 라이브러리를 사용하지 않고 모바일 환경에서 직접 차트를 구현한 경험을 공유합니다. 복잡하고 다양한 커스터마이징을 위해 라이브러리를 배제한 이유와 선택 사항들, 그리고 문제 해결 과정에 대해 다룹니다. 각 단계별로 직면했던 과제와 이를 극복한 방법을 설명하며, 보다 유연하고 맞춤화된 차트를 만드는 데 필요한 내용을 설명합니다. #Android #iOS #Chart 카카오헬스케어에서 파스타 서비스의 iOS 개발을 담당하고 있는 Apeach입니다. 카카오헬스케어에서 파스타 서비스의 안드로이드 개발을 담당하고 있는 Las입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-50 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
모바일 앱 개발
컨퍼런스 if kakao
웹 카카오톡의 상태 관리: 바닐라 상태 관리 모듈과 리액트의 조화 / if(kakaoAI)2024
컨퍼런스 if kakao
웹카카오톡은 복잡한 비즈니스 로직은 vanilla JS 로, 화면을 구성하는 영역은 React 로 분리하여 개발하고 있습니다. 프론트엔드 프로젝트의 비즈니스 영역을 vanilla JS 로 개발하게 된 이유와 개발을 진행하면서 마주했던 경험 및 장단점에 대해 공유합니다. #front-end #vanillajs 카카오에서 프론트엔드 개발을 하고 있는 Felix입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-38 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
웹 개발 프론트엔드
컨퍼런스 if kakao
업무 효율화를 위한 카카오 사내봇 개발기 / if(kakaoAI)2024
컨퍼런스 if kakao
카카오 내에 수많은 데이터에서 원하는 데이터를 빠르게 찾아주는 '0depth 사내봇 개발기'를 공유합니다. #Data #AI #LLM #RAG 카카오 데이터 조직의 Tory입니다. 실용적이고 사용자 친화적인 AI Application을 만드는 것에 관심이 많습니다. 카카오 내에 다양한 AI 프로덕트를 생산하는 Jennie입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-27 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
AI에이전트 개발
컨퍼런스 if kakao
수 천만 건 이상의 대량 배치처리를 하기 위한 최고의 노하우를 전달드리겠습니다. 카카오페이 정산플랫폼팀은 카카오페이의 빠른 성장과 더불어 늘어나는 데이터를 일괄처리하기 위하여 꾸준히 노력 하고 있습니다. 더 많은 데이터를 처리하기 위해 진화하는 서비스와 개발방식을 소개하고자 합니다. #BatchPerformance #SpringBatch #SpringCloudDataFlow #Kubernetes #Redis 카카오페이 정산플랫폼팀 베니입니다. 서버 Performance 개선에 관심이 많습니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-065 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
백엔드 데이터베이스 데브옵스 · 인프라
컨퍼런스 if kakao
Preview data / if(kakao)2022
컨퍼런스 if kakao
if(kakao)2022 컨퍼런스에서 data 관련 기술 발표세션을 소개합니다. 02:24 1. Batch Performance 극한으로 끌어올리기: 1억 건 데이터 처리를 위한 노력 by 안성훈(benny.ahn) 카카오페이 정산플랫폼팀 베니입니다. 서버 Performance 개선에 관심이 많습니다. 02:38 2. InnoDBCluster for kakao by 김근표(pio.p) 카카오에서 MySQL Database 를 운영하고 있는 피오입니다. 03:12 3. Kakao Hadoop Plaform (KHP): 카카오 하둡 플랫폼의 아키텍처와 개발/운영에 대한 이야기 by 국성표(elixir.kook) 카카오 내 하둡 클러스터를 효율적으로 운영하기 위해 힘쓰고 있습니다. KHP 프로젝트 중에는 배포판 PL을 맡았으며, 최근에는 Spark, Kafka 관련 업무를 수행하고 있습니다. 03:34 4. 생성부터 활용까지, 게임데이터 Flow 따라가기 by 이학희(kyle.l...
데이터베이스 데브옵스 · 인프라