모두의 웹뷰 #우아콘2023 #우아한형제들
우아콘 2023 우아한형제들 · YouTube
AI 핵심 요약
웹뷰를 둘러싼 앱 개발자와 프론트엔드 개발자의 협업 문제를 줄이기 위해, 발표자는 WebKit·Chromium의 구조와 웹뷰의 동작 특성을 설명하고 양쪽의 디버깅 제약을 짚었습니다. 앱과 웹 간 통신에서는 URL 스킴의 길이·연속 호출 문제를 고려해 JavaScript 인터페이스를 검토하고, 파라미터를 키-값 형태로 구성하거나 커스텀 이벤트를 활용하는 방안을 제안했습니다. 쿠키 제한과 휴리스틱 캐시, 문자열 이스케이프처럼 웹엔진·플랫폼 차이에서 비롯된 실제 장애 사례와 대응 방법도 공유했습니다. 웹 로그와 네트워크 정보를 앱에서 확인하는 도구를 도입하고 서로의 영역을 투명하게 만드는 것이 웹뷰 문제를 함께 해결하는 출발점이라는 교훈을 전했습니다.
- iOS 웹뷰 디버깅은 기기 등록과 Xcode 환경 제약이 있으므로, 배포 빌드 설치나 Apple Silicon 맥에서의 테스트 가능성을 확인하세요.
- 앱과 웹뷰는 별도 프로세스로 동작할 수 있어 쿠키를 주고받을 때 동기화 방식을 명확히 해야 합니다.
- 앱에서 JavaScript를 호출할 때는 문자열 이스케이프와 인코딩 규칙을 플랫폼별로 점검하고, 예외를 무조건 삼키지 말고 로그를 남기세요.
- 동적으로 콜백 함수를 실행하는 브리지 코드는 XSS 위험을 키울 수 있으므로 사전 정의된 인터페이스를 우선 고려하세요.
- 웹 로그와 네트워크 요청을 앱에서도 확인할 수 있도록 Pulse 같은 도구나 웹 인스펙터를 활용하면 문제 분석의 경계를 좁힐 수 있습니다.
소개
[WOOWACON2023 세션 다시보기] 👉 세션 설명 요즘 대규모 서비스, 특히 슈퍼 앱에서는 웹뷰를 적극적으로 활용하는 모습을 보여주고 있습니다. 하지만 이런 상황에도 불구하고 모바일 앱 개발자와 프론트엔드 개발자 사이에서는 여러 가지 어려움이 있습니다. 모바일 앱 개발자로서 웹뷰를 사용하고 있으나 프론트엔드 개발자만큼 자세히 알지 못해서 어려움을 느끼나요? 프론트엔드 개발자로서 다양한 브라우저를 지원하는 것과 동시에, 같으면서도 너무 다른 웹뷰까지 지원해야 하는 데 부담을 느끼시나요? 이 발표에서는 웹뷰를 더 깊게 이해할 수 있도록 관련된 이야기를 해 보려고 합니다. 더 나아가 모바일 앱 개발자와 프론트엔드 개발자가 서로를 더 잘 이해하고 협업할 수 있길 바라면서 말이죠.ㅤ ㅤ 👉 발표자 소개 배민푸드iOS개발팀 임민호 WebKit과 Chromium을 사용하는 WebEngine 개발자를 거쳐 현재는 iOS 앱 개발을 담당하고 있습니다. 전문 분야인 웹뷰 지식을 공유해...
비슷한 학습 자료
컨퍼런스 우아콘 2023
WOOWACON2023 오프닝노트 - 우아한형제들 CEO 이국환 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 네! 배민도 React Native 해요! 라이더의 안전한 배달을 위해 쉼없이 달려온 배민커넥트앱의 과거와 현재, 그리고 더 나은 앱을 위한 고민까지. 전사 유일의 React Native 프로덕트를 가꾸어 나가는 웹개발자들의 이야기를 들려드립니다.ㅤ ㅤ 👉 발표자 소개 라이더서비스팀 박지성 배민커넥트앱과, 이를 지탱하는 백오피스들의 프론트엔드 개발을 담당하고 있습니다. 지금처럼, 앞으로도 나보다 더 나은 사람들과 지금보다 더 나은 프로덕트를 만들어나가고 싶습니다. 👍 추천 대상 React Native 개발에 관심이 있거나, 이제 막 React Native 개발을 시작한 웹프론트엔드 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
모바일 앱 개발
컨퍼런스 우아콘 2023
Preview Deployment: 베타 환경 멀티버스 체험기 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 큰 힘에는 큰 책임이 따르듯, 큰 팀에는 많은 과제들이 있기 마련이죠. 배민커머스웹프론트개발팀 플랫폼 파트의 이야기입니다. 동시에 여러 가지 과제를 수행하는 팀에게 베타 배포 환경 하나는 너무 가혹합니다. 다급한 목소리로 외치는 "베타 배포 지금 이 브랜치로 나가도 되나요?" 소리가 여기까지 들리는군요. 이들을 구하기 위해 멀티버스 구축 여정에 합류한 n개월 차 새내기 개발자는 과연 무엇을 보고 배웠을까요?ㅤ ㅤ 👉 발표자 소개 배민커머스웹프론트개발팀 김요욱보고 배우는 것이 많아서 하루하루가 즐거운 개발자. 좋은 사람들과 일하는 것에 매일 감사한 마음을 가지고 있습니다. 👍 추천 대상 베타 배포 환경이 몇 개만 더 있었으면 좋겠다고 생각해 본 개발자 직접 배포 인프라 작업을 통해서 생산성을 향상시켜 보고 싶은 프론트엔드 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowa...
프론트엔드 데브옵스 · 인프라
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 우아한공방으로 새롭게 단장한 디자인 시스템의 계층 구조와 이를 컴포넌트로 빚어낸 과정을 소개합니다. 그리고 컴포넌트 구현에 집중하기 위해 어떤 개발 환경을 갖췄는지, 운영 과정에서 정답이 없는 문제들을 어떻게 다뤄왔는지 공유드릴게요. 앞으로 더 확장해 나갈 디자인 시스템의 미래도 엿볼 수 있어요. ㅤ 👉 발표자 소개 배민커머스웹프론트개발팀 마광휘 배민커머스웹프론트개발팀에서 23명의 엔지니어가 조화롭게 좋은 프로덕트를 만들 수 있도록 팀 문화 고민과 시스템 아키텍처링을 진행하고 있는 챙김이 입니다. 최근에는 배민 전사의 웹 프론트 미래를 그리고 있어요. 배민커머스웹프론트개발팀 이상현 지속 가능한 디자인 시스템을 만들어나가는 프론트엔드 개발자입니다. 👍 추천 대상 - 사내 디자인 시스템을 운영하는 개발자 - 확장 가능하고 유연한 React UI 컴포넌트 구현에 관심 있는 분 🙋🏻♀️ 세션에 대해 궁금한 점이 ...
프론트엔드 UI/UX
컨퍼런스 우아콘 2023
웹프론트 개발자들을 위한 '우아한스펙트럼' 서비스 제작기 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 배달의민족 웹프론트엔드 개발자들의 기술 공유 플랫폼 '우아한스펙트럼'을 소개합니다. 기획부터 서버, DB, 프론트 모두 프론트엔드 개발자 6명이서 만든, 눈물 없이 들을 수 없는 스토리ㅤ 👉 발표자 소개 셀러웹프론트개발팀 송지은 사회생활 3개월 차 리더가 된 프론트엔드 개발자 사실 본업은 사장님을 위해서라면 어디든 달려가는 배민셀프서비스 개발자 👍 추천 대상 - 우아한형제들 웹프론트개발자들의 기술 공유 방식이 궁금한 개발자 - 사내 사이드 프로젝트를 잘 운영하고 싶은 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
프론트엔드 백엔드 풀스택
컨퍼런스 우아콘 2022
배달의 민족을 이용하시는 사장님들을 위한 통합 서비스, '배민사장님 앱'! 이 앱을 개발한 개발자들은 어떤 기능을 어떻게 개발할까요? 또 어떤 고민을 가지고 어떻게 풀어나갈까요? 배민사장님앱의 개발 이야기가 궁금하신 분들은 주목해 주세요! iOS 개발자가 들려주는 앱의 핵심 기능 개발부터, 프론트엔드 개발자가 들려주는 문제상황과 해결 방법을 거쳐, Android 개발자가 들려주는 새로운 아키텍처 도입까지! 무엇을 좋아하실지 몰라 종합세트로 준비했습니다. [발표자 소개] 김동연 | 배민푸드Android개발팀 우아한형제들에서 주문고객님, 사장님을 위한 Android앱을 개발하고 있습니다. 훌륭한 동료들과 유익한 앱을 만들기 위해 노력중입니다. 김양원 | 셀러웹프론트개발팀 우아한형제들에서 배민사장님앱 웹뷰를 개발하는 웹프론트엔드 개발자입니다. 편리하고 이질감 없는 사용성을 느낄 수 있는 서비스를 만들도록 최선을 다하고 있습니다. 박하영 | 배민푸드iOS개발팀 귀한 분과 사장님을 위한...
프론트엔드 모바일 앱 개발