본문으로 이동
카카오톡 미니 이모티콘 in Android / if(kakaoAI)2024
컨퍼런스

카카오톡 미니 이모티콘 in Android / if(kakaoAI)2024

if kakao 카카오 · YouTube

원문 보기

AI 핵심 요약

카카오톡 미니 이모티콘을 Android 입력창에서 텍스트와 자연스럽게 배치하고, 여러 이모티콘의 애니메이션을 함께 재생하는 과정에서 렌더링과 입력 제한, 성능 관리가 과제였습니다. 움직이는 이미지는 ImageSpan 대신 ReplacementSpan을 구현해 비트맵을 교체하며 그렸고, 폰트 메트릭스에 맞춰 텍스트 기준선을 정렬했습니다. TextWatcher로 변경된 구간의 Span만 관리하고 InputFilter를 상태별로 조합해 미니 이모티콘 개수와 메시지 입력 규칙을 적용했습니다. 프레임을 미리 디코딩해 전환 시점을 보정하고 LRU 캐시와 화면 밖 재생 중지, 백그라운드 작업을 적용해 동기화와 자원 사용을 관리하는 방법을 공유했습니다.

  • 움직이는 이미지를 텍스트와 함께 표시하려면 ImageSpan 대신 ReplacementSpan을 구현해 비트맵을 갱신하고 다시 그리도록 할 수 있습니다.
  • TextWatcher에서는 변경된 구간만 추적해 Span 목록을 관리하면 입력마다 전체 텍스트를 검색하는 비용을 줄일 수 있습니다.
  • 입력 제한은 InputFilter로 분리하고 채팅 상태에 따라 필터를 조합하면 서로 다른 글자 수·줄 수 규칙을 관리하기 쉽습니다.
  • 애니메이션 프레임 전환을 맞출 때는 다음 프레임을 미리 디코딩하고 디코딩 시간만큼 대기 시간을 보정할 수 있습니다.
  • 화면 밖 애니메이션 중지, 바이트 크기 기준 LRU 캐시, 중복 Span의 애니메이션 공유, 백그라운드 처리로 메인 스레드 부담을 줄입니다.

소개

카카오톡에 새롭게 출시된 미니이모티콘의 안드로이드에서의 개발과정을 소개합니다. Span 을 이용하여 미니이모티콘을 렌더링하고 비트맵을 관리하는 방법 및 서로 다른 미니이모티콘의 동작 싱크를 맞추는 방법을 설명합니다. 미니이모티콘이 키보드에서 클릭 되어 입력되어 입력창에 들어가는 과정과 InputFilter, TextWatcher 로 입력창에서의 요구 사항을 달성할 수 있었던 경험 및 만났던 어려움과 극복했던 과정들을 공유하고자 합니다. #Android #미니이모티콘 카카오톡 안드로이드 메시지팀에서 이모티콘 서비스를 개발하고있는 Dale입니다. 카카오톡 안드로이드 메시지팀에서 이모티콘 서비스를 개발하고있는 Dante입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-47 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 ...

비슷한 학습 자료

컨퍼런스 if kakao

if(kakao)25 내 폰 안에서 AI의 도움이 필요한 대화 맥락을 감지하고, 꼭 필요한 순간 먼저 말을 걸어주는 카카오톡만의 온디바이스 AI 개발 과정을 공유합니다. #TECH #PRODUCT #AI #Agent 카카오톡에 적용되는 AI 서비스들을 기획하고 있는 김강학(chris.kh)입니다. 카카오톡에 적용되는 AI 서비스들의 모델 개발을 맡고 있는 김다인(denver.in)입니다. AI 서비스를 위한 다양한 모델 개발을 진행하고 있는 민규식 (queue.min)입니다. 발표자료 보기 📍 https://if.kakao.com/2025/session?sessionId=23 📍 if.kakao.com if(kakao)25 홈페이지 : https://if.kakao.com/2025 #카카오 #kakao #이프카카오25

AI에이전트 개발 딥러닝 · 머신러닝 자연어 처리

컨퍼런스 if kakao

〰〰〰〰〰〰〰〰〰〰 Kakao AI Native 전략을 소개하며, 이번 if(kakaoAI)2024에서 만난 카카오테크의 이모저모를 담았습니다. 단지 서비스에 AI를 적용하는 것을 넘어 일하는 방식의 변화와 자연스러운 일상의 혁신에 이르기까지, 카카오가 AI Native Company로 나아가는 여정을 앞으로도 함께해 주세요! #AI #AInative #카카오테크 #kakaoAI #ifkakao 〰〰〰〰〰〰〰〰〰〰 카카오 개발자 컨퍼런스 if(kakaoAI)2024에서 카카오 AI 통합 브랜드 Kanana를 비롯해 AI 비전, 모델, 그리고 우리의 일상을 바꿀 새로운 AI 서비스를 처음으로 세상에 공개했습니다. 더 나은 일상을 모두에게 전하는 그날까지, 끊임없이 가깝고, 친근한 기술을 만들어 가겠습니다. 모든 연결을 새롭게 if(kakaoAI)2024 🔗 if(kakaoAI)2024 홈페이지 : https://if.kakao.com/ 🔗 Kakao Tech 홈페이지...

컨퍼런스 if kakao

숏폼, 휘발성 컨텐츠 서비스인 “카카오톡 펑” 개발 과정을 소개합니다. 성능 최적화, 비디오/이미지 데이터 처리 등을 위한 경험을 공유합니다. #카카오톡펑 #개발기 #최적화전략 #실시간데이터 카카오톡 플랫폼 개발하는 Ocean입니다. 카카오톡 플랫폼을 개발하는 Hoodie입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-87 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024

웹 개발 백엔드

컨퍼런스 if kakao

카카오내비의 카플레이(CarPlay) 및 안드로이드 오토(Android Auto) 개발 과정을 다룹니다. 각 플랫폼에서의 구조적 고민, HUD 및 클러스터 기능 구현 등의 도전 과제와 개발 경험을 소개합니다. #Carplay #Android-Auto #Navigation 카카오내비 클라이언트앱 개발 담당하는 Jin입니다. 카카오내비 iOS 카플레이 개발 담당하는 David입니다. 카카오내비 Android-Auto 개발 담당하는 Beom입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-53 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024

모바일 앱 개발

컨퍼런스 if kakao

10년된 브런치 안드로이드 에디터를 3년차 개발자가 모던화 하기까지의 과정의 개발 경험기 입니다. 10년전에 만들어진 리치 텍스트 에디터를 Compose, MVI, 클린아키텍쳐를 적용하여 모던화 하는 프로젝트를 발제하고, POC 를 통해서 점진적으로 개선하는 과정을 공유합니다. #android #editor #compose #modernization #리팩토링 브런치개발파트에서 브런치와 티스토리 안드로이드 앱 개발을 담당하고 있는 Evan입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-52 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024

모바일 앱 개발

컨퍼런스 if kakao

카카오페이앱을 리빌딩하면서 겪은 과정들을 소개해 드리려고 합니다. #Android 카카오페이 안드로이드 주식 서비스 업무를 맡고 있는 스카일러입니다. 카카오페이 안드로이드 계정 서비스 업무를 맡고 있는 에디입니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-91 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022

모바일 앱 개발