웹뷰 개발 시 고려사항 #크로스_플랫폼_호환성
if kakao 카카오 · YouTube
AI 핵심 요약
Android와 iOS에서 같은 웹뷰 화면을 제공할 때 플랫폼별 동작 차이로 사용자가 이질감을 느끼지 않게 하는 것이 과제입니다. 발표자는 하나의 소스 코드로 화면을 구성하되, 각 플랫폼의 차이를 고려해 동작을 최대한 통일하려고 합니다. 정적인 화면보다 네이티브 앱처럼 자연스럽게 반응하고 움직이는 인터랙션을 구현하는 데 중점을 둡니다.
- 하나의 소스 코드로 여러 플랫폼에 같은 화면을 제공하면 사용자 경험의 차이를 줄일 수 있습니다.
- Android와 iOS의 기본 동작 차이를 고려해 웹뷰의 동작을 조정해야 합니다.
- 정적인 화면 구성에 그치지 않고 네이티브 앱처럼 자연스럽게 반응하고 움직이는 인터랙션을 지향합니다.
소개
(제5회 카카오테크밋 패널토의 내용의 일부입니다.) "Chrome Devtools를 활용하여 나만의 웹뷰 디버깅 환경 만들기" teenie(조민지님)의 발표영상 보러 가기 https://youtu.be/VeH70q7p9NM #kakaotechmeet #카카오테크 #frontend #프론트엔드 #개발자 #크로스플랫폼 #웹뷰개발 #webview
비슷한 학습 자료
컨퍼런스 당근 밋업
아니, 여기도 웹뷰였어요? | 2024 당근 테크 밋업
컨퍼런스 if kakao
신기술 도입시 유의점 #frontend
컨퍼런스 if kakao
Chrome Devtools를 활용하여 나만의 웹뷰 디버깅 환경 만들기 (조민지 Teenie)
컨퍼런스 if kakao
[2024.04.11. 제5회 Kakao Tech Meet 발표] 웹뷰 서비스를 개발하는 과정에서 겪었던 불편함과, 이를 해결하기 위해 새로운 웹뷰 디버깅 환경을 구축해 나간 이야기를 소개합니다. ChromeDevTools의 오픈소스인 devtools-frontend와 devtools-protocol을 활용하여 익숙하면서도 더욱 편리하게 웹뷰 디버깅을 수행할 수 있는 환경을 만든 과정을 공유드립니다. 웹뷰와 같이 디버깅을 하기 복잡한 환경에서 서비스를 개발하는 프론트엔드 개발자들에게 추천합니다. #kakaotechmeet #webview #debugging #ChromeDevTools #websocket 발표자: 조민지(teenie.jo) 톡유저서비스FE의 티니입니다! 잔여백신, 전자증명서, 전자문서 등 카카오톡 지갑의 다양한 웹뷰 서비스를 개발하고 있습니다 :) 💬 발표자 인터뷰와 비하인드 보러가기: https://tech.kakao.com/2024/04/29/techmee...
프론트엔드 개발 도구
컨퍼런스 if kakao
Preview Mobile @if(kakao)2022
컨퍼런스 if kakao
if(kakao)2022 컨퍼런스에서 Mobile 관련 기술 발표 트랙을 소개합니다. 03:00 1. 다리는 걸을 뿐.. 만보기 서비스 개발기: 만보기 서비스를 개발하면서 겪은 이야기 by 이현재(cado.avo) 항상 성장을 하고픈 iOS 개발자 cado입니다 03:30 2. 카카오페이 iOS 웹뷰 소개 및 리팩토링 이야기 by 윤한울(joey.con) 카카오페이 사용자에게 더 나은 경험을 주고싶은 iOS 개발자 joey입니다. 카카오톡 내의 카카오페이 서비스와 카카오페이 앱을 개발하고 있습니다. 04:13 3. SwiftLayout을 소개합니다.: 선언형 문법으로 가독성 높은 UIKit 코드 작성하기 by 이희종(jay.choi), 최광훈(aiden.h) 저는 카카오톡을 개발하고 있는 iOS 개발자 aiden 입니다 저는 카카오톡을 개발하고 있는 iOS 개발자 jay 입니다 04:40 4. 카카오뱅크 iOS 프로젝트의 모듈화 여정: Tuist를 활용한 모듈 아키텍처 설계...
모바일 앱 개발
컨퍼런스 if kakao
Preview Web+Mobile @if(kakao)2021
컨퍼런스 if kakao
if (kakao) 2021 컨퍼런스에서 Data 관련 기술 발표 세션을 소개합니다. 1. 이게 진짜 일 리 없어 : 초보 리더가 프로젝트에서 마주치는 어려운 상황들 @effie.seo 올해 6월에 카카오맵 매장관리 서비스를 오픈했습니다. 매장관리 프로젝트 진행 과정을 통해서 카카오맵 FrontEnd 개발자들은 어떻게 협업하는지, 프로젝트에서 마주쳤던 상황들을 대처 하기 위해서 초보 리더인 제가 동료들과 함께 고민하고 시도했던 과정에 대해서 공유해보고자 합니다 2. Next.js와 Typescript를 이용한 프론트엔드 개발기 @jaden.js @luffy.yeon Next.js를 사용한 서버사이드 랜더링, Next.js 환경 Typescript 포팅을 하며 겪은 경험 공유 3. 톡패스워드 크롬 익스텐션 개발기 @felix.lee 입사 후 처음으로 혼자 프로젝트를 설계하면서 고민했던 구조선택과 고민거리에 대한 공유 4. UI 테스트 경험기 @jay.choi 리팩토링에 대한...
프론트엔드 소프트웨어 테스트 애자일 · 협업
컨퍼런스 우아콘 2023
모두의 웹뷰 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 요즘 대규모 서비스, 특히 슈퍼 앱에서는 웹뷰를 적극적으로 활용하는 모습을 보여주고 있습니다. 하지만 이런 상황에도 불구하고 모바일 앱 개발자와 프론트엔드 개발자 사이에서는 여러 가지 어려움이 있습니다. 모바일 앱 개발자로서 웹뷰를 사용하고 있으나 프론트엔드 개발자만큼 자세히 알지 못해서 어려움을 느끼나요? 프론트엔드 개발자로서 다양한 브라우저를 지원하는 것과 동시에, 같으면서도 너무 다른 웹뷰까지 지원해야 하는 데 부담을 느끼시나요? 이 발표에서는 웹뷰를 더 깊게 이해할 수 있도록 관련된 이야기를 해 보려고 합니다. 더 나아가 모바일 앱 개발자와 프론트엔드 개발자가 서로를 더 잘 이해하고 협업할 수 있길 바라면서 말이죠.ㅤ ㅤ 👉 발표자 소개 배민푸드iOS개발팀 임민호 WebKit과 Chromium을 사용하는 WebEngine 개발자를 거쳐 현재는 iOS 앱 개발을 담당하고 있습니다. 전문 분야인 웹뷰 지식을 공유해...
프론트엔드 모바일 앱 개발