아니, 여기도 웹뷰였어요? | 2024 당근 테크 밋업
당근 밋업 당근 · YouTube
AI 핵심 요약
당근 동네생활팀은 네이티브 화면에서 UI 실험과 기능 배포를 더 빠르게 하기 위해 글 조회·작성 화면에 이어 피드까지 웹뷰로 전환했다. 모바일 네트워크에서 빠른 체감 속도를 확보하고자 Vite·React 기반의 SSR을 직접 구성했으며, React 스트리밍 SSR과 Suspense로 데이터와 무관한 화면을 먼저 렌더링했다. 전환 과정에서는 iOS 키보드 동작, 플랫폼별 로깅 차이, 앱이 백그라운드에 남아 있을 때의 웹 배포 반영, 오프라인 대응 등을 해결해야 했다. SSR은 사용자 경험과 실험 속도를 높일 수 있지만 서버 모니터링과 웹뷰 특유의 호환성 관리가 필요하며, 이런 운영 부담까지 고려해 도입해야 한다고 설명했다.
- 웹뷰의 초기 로딩이 중요하다면 번들 크기뿐 아니라 CDN 리전과 배포 직후의 캐시 상태도 점검해야 한다.
- SSR은 브라우저의 API 호출 지연과 크로스 도메인 프리플라이트를 줄일 수 있지만, 서버 운영과 모니터링 부담이 추가된다.
- React 스트리밍 SSR과 Suspense를 활용하면 데이터 응답을 기다리는 동안 화면의 공통 영역부터 보여줄 수 있다.
- 웹뷰 배포 후에도 앱이 백그라운드에 남아 있으면 새 버전이 바로 반영되지 않을 수 있으므로 버전 확인과 오프라인 처리를 설계해야 한다.
- iOS Safari의 동작과 지원 스펙은 웹뷰 UI 구현에 영향을 주므로 실제 기기와 플랫폼별 차이를 검증해야 한다.
소개
많은 서비스가 웹뷰로 개발을 하고 있을 거예요. 동네생활팀의 경우, 네이티브로 구현되어 있던 서비스를 웹뷰로 전환했어요. 이렇게 결정하게 된 배경을 설명한 후, 전환 과정에서 겪었던 어려움을 살펴보고, 마지막으로 웹뷰로 이전해서 얻은 장점을 이야기해보려고 해요. 🥕 영상을 보고 당근에 관심이 생기셨다면 채용 공고를 확인해보세요! https://about.daangn.com/jobs/
비슷한 학습 자료
컨퍼런스 당근 밋업
영상 플랫폼 운행 시작합니다 | 2024 당근 테크 밋업
컨퍼런스 당근 밋업
“영상 플랫폼 운행 시작합니다. 목적지까지 편안하게 모십니다!” 아키텍처에 대해 하나도 모르던 개발자가 영상 플랫폼에 헥사고날 아키텍처를 적용해, 팀 동료는 물론 플랫폼 이용자인 서비스 개발자의 개발 경험(Development Experience, DX)을 향상시킨 이야기를 공유해요. 헥사고날 아키텍처가 무엇인지, 영상 플랫폼에 이를 도입한 이유와 장점 그리고 어려움을 어떻게 극복하고 있는지 궁금하신 분들은 많이 찾아와주세요! 🥕 영상을 보고 당근에 관심이 생기셨다면 채용 공고를 확인해보세요! https://about.daangn.com/jobs/
개발 · 프로그래밍 기타 애자일 · 협업
컨퍼런스 당근 밋업
“우아한 구조로 서비스를 잘 구축하면 하나의 코드로 여러 플랫폼을 대응하고, 확장성도 챙길 수 있을 텐데…” 프론트엔드 개발자라면 한 번쯤 이런 생각 해보지 않으셨나요? 하나의 코드로 데스크탑, 모바일 그리고 웹뷰까지 모두 대응할 수 있다면 얼마나 좋을까요? 개발자 리소스가 줄고 서비스 통일감도 높아지고 더이상 플랫폼 간 기능 차이도 없을 거예요. 하지만 다른 방향에서 살펴보면 한 플랫폼에서만 사용되는 코드가 추가되어 애플리케이션이 무거워지고, 플랫폼 별로 달라지는 로직을 실행하기 위해 분기가 많아지니 더 복잡해지기도 해요. 그래서 상황에 따라 각 플랫폼 별로 개발하는 것이 좋은 선택일 수도 있고, 하나의 코드로 개발하는 게 좋은 선택일 수도 있어요. 당근 광고실에서는 여러 논의를 거쳐서 웹과 웹뷰를 하나의 코드로 합치기로 결정했어요. 이 세션에서는 왜 우리가 웹과 웹뷰 코드를 통합하기로 결정했는지, 이 과정에서 겪었던 문제들과 문제를 어떻게 해결했는지를 다루고자 해요. 🥕...
웹 개발 프론트엔드
컨퍼런스 당근 밋업
프레임워크부터 플랫폼까지: 당근 웹뷰 플랫폼 | 2024 당근 테크 밋업
컨퍼런스 당근 밋업
2021 당근마켓 프론트엔드 개발자 채용설명회
컨퍼런스 당근 밋업
안녕하세요! 당근마켓 프론트엔드 챕터에서 처음으로 인사드려요. 행사에 참여하시면 당근마켓 프론트엔드 팀이 하는일과 현재 업무 방식, 비전과 목표에 대한 소개를 들어보실 수 있습니다. 회사 소개 후, 질문 답변 시간이 있어요. 이번 채용 라이브에서는 1400만 유저를 위한 서비스를 만드는 당근마켓의 프론트엔드팀에 대한 이야기를 나눠보고자 해요. 특히, 이번에는 기존에 없었던 인턴 포지션에 대해서도 소개드리려고 해요. 현재 당근마켓은 앱 기반 서비스이긴 하지만, 웹뷰를 활용한 웹 기술을 적극적으로 사용하고 있어요. 그래서 당근마켓 프론트엔드 개발자들이 진행하고있는 다양한 실제 프로젝트들을 소개드리고, 더 나아가서 저희 프론트엔드 팀이 어떻게 일하는지에 대해 소개드리려고 해요. 여러분이 준비해주신 질문들은 유튜브 라이브 채팅에 남겨주시면 답변드리도록 할게요! 😆
컨퍼런스 if kakao
웹뷰 개발 시 고려사항 #크로스_플랫폼_호환성
컨퍼런스 당근 밋업
🥕 2026 당근 빌더 밋업 | Android Day 하이퍼로컬, 가장 거대한 현장 4,300만 명이 가입한 서비스를 만드는 당근 빌더들은 어떤 문제를 풀고 있을까요? 하나의 프로덕트를 처음부터 끝까지 책임지고, 직군의 경계를 넘나들며 함께 답을 찾아가는 당근 빌더들의 고민과 시도, 성공과 실패의 경험을 솔직하게 나눠요. 수천만 명이 사용하는 당근 앱이 더 빠르고 안정적으로 성장할 수 있도록 Android 팀은 기술과 일하는 방식을 끊임없이 발전시켜요. AI와 함께 개발하는 새로운 방식부터 제품의 속도와 품질을 높이고 개발자의 역할을 확장해 가는 과정까지, 당근 Android 개발자들이 현장에서 마주한 고민과 시행착오를 만나보세요. 👉 당근 채용 바로가기 : https://careers.daangn.com/
모바일 앱 개발