글로벌웹툰 안드로이드 Large Screen 적용기
엔지니어링데이 2025 네이버 · YouTube
AI 핵심 요약
폴더블과 태블릿 사용이 늘고 Android 16에서 대형 화면 앱의 레터박스 동작이 달라지는 상황에 맞춰, 글로벌 웹툰 앱의 레이아웃을 최적화한 경험을 공유했습니다. 기존 View 화면은 ConstraintLayout의 최대 너비 설정과 그리드 열 수 조정으로 대응하고, Compose 화면은 창 크기 클래스와 적응형 그리드·페이저 기능을 활용해 화면 공간을 효율적으로 사용하도록 바꿨습니다. 최대 너비 제한은 기존 화면을 빠르게 보완할 수 있지만 공간 낭비나 가로 스크롤 문제를 낳을 수 있어, 목록형 UI 등에는 화면 크기에 맞는 레이아웃을 적용했습니다. 대형 화면 품질 가이드라인과 실제 구현 사례를 바탕으로, 멀티 윈도우와 외부 입력 장치까지 고려하고 가능하면 Compose의 적응형 기능을 활용하라는 점을 강조했습니다.
- Google Play Console과 Firebase Analytics에서 태블릿·폴더블 기기의 사용자 수와 참여 지표를 확인해 최적화 우선순위를 정할 수 있습니다.
- 반응형 레이아웃은 하나의 구조를 화면에 맞춰 조정하고, 적응형 레이아웃은 창 크기 클래스에 따라 서로 다른 구조를 선택합니다.
- 터치 영역은 최소 48dp를 확보하고, 키보드·마우스·스타일러스 사용 시 포커스와 상호작용 상태도 점검해야 합니다.
- 가로 스크롤이나 페이저가 포함된 화면은 최대 너비만 제한하면 어색해질 수 있으므로, 컴포넌트 특성에 맞는 추가 처리가 필요합니다.
소개
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025 에서 발표되었던 세션을 공개합니다. [발표 내용] Large Screen을 대응해야 하는 이유와 품질 가이드라인을 소개합니다. 글로벌웹툰이 View와 Compose 환경에서 Large Screen 최적화를 적용한 내용을 일부 공유합니다. [강의 대상] Large Screen 기기에서 Android 앱을 최적화하는데 관심 있는 개발자
비슷한 학습 자료
컨퍼런스 if kakao
신기술 도입시 유의점 #frontend
컨퍼런스 if kakao
웹뷰 개발 시 고려사항 #크로스_플랫폼_호환성
컨퍼런스 엔지니어링데이 2025
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(5월)에서 발표되었던 세션을 공개합니다. [발표 내용] * 웹브라우저에서 대용량 데이터를 높은 성능으로 표현할 수 있는 Windowing 기법에 관해 소개하고 적용 사례를 공유합니다. [발표 대상] * Windowing 기법에 관심이 있는 개발자 [목차] * Windowing 기법이란 * 데이터 스트리밍 / 시계열 처리에서의 Windowing * 머신러닝에서의 Windowing * 컴퓨터 그래픽스에서의 Windowing * React에서의 Windowing / Virtualization 기술 * Windowing 기법을 활용한 오픈소스 라이브러리들 * Windowing기법을 사용하는 오픈소스 라이브러리 비교 * react-virtualized * react-window * @tanstack/react-virtual * 대용량 고성능 표 컴포넌트 Big Table 개발 배경...
웹 개발 프론트엔드
컨퍼런스 엔지니어링데이 2025
KMP 기반 UI 컴포넌트 통합 전략
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(5월)에서 발표되었던 세션을 공개합니다. [발표 내용] 멀티플랫폼에 대응 가능한 밴드 디자인 시스템의 설계 및 구현 방식에 대해 소개하고, 밴드 안드로이드 팀에서 아이콘 리소스를 자동화하여 관리하는 방법에 대해서 공유합니다. [강의 대상] * 안드로이드 개발자 및 멀티플랫폼에 대한 관심이 있는 분 * 디자인 시스템에 관심이 있는 분 [목차] Episode 1 : 디자인 시스템, 개념에서 실전까지 Episode 2 : KMP, 진짜 실무에 쓸 수 있을까? Episode 3 : BDS 모듈에 KMP 적용하기 Episode 4 : 디자인 시스템 UI 컴포넌트, Maven으로 배포하기 Episode 5 : Figicon으로 아이콘 자동 동기화하기
프론트엔드 모바일 앱 개발
컨퍼런스 엔지니어링데이 2025
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2024(5월)에서 발표되었던 세션을 공개합니다. Figma와 Jetpack Compose를 사용하여 Android 디자인 시스템을 구축하는 방법을 다룹니다. 디자인 시스템의 중요성과 Figma에서 디자인을 만들고 Jetpack Compose로 구현하는 과정을 설명하고, 이를 통해 디자이너와 개발자가 어떻게 협업할 수 있는지, 그리고 일관성 있는 사용자 경험을 제공하기 위해 디자인 시스템을 어떻게 효과적으로 관리할 수 있는지를 보여줍니다. We'll discuss what design systems are, why they're important, and how we can build them effectively using tools like Jetpack Compose. Demo Material Design figma : https://www.figma.com/file/nVZK2STszk2ehH0xN3kxc...
프론트엔드 모바일 앱 개발 UI/UX
