Velopers
모든 태그
태그

webview 기술 블로그 글

webview 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.

전체 15개최신 15개 표시
홈에서 필터

관련 태그

#iOS150#Android198#UI/UX395#React238#성능142#refactoring122#JavaScript106#LLM995#AWS635#Python193#ChatGPT95#Figma60

최신 게시글

15개 표시

프론트엔드

웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기

iOS 웹뷰에서 input focus 시 화면이 밀리는 문제를 여러 방식으로 개선한 과정을 정리했습니다. 최종적으로는 opacity 트릭으로 자동 스크롤을 막아 입력 경험을 안정화했습니다.

#iOS#WebView#input
6000

프론트엔드

Product Engineer — iOS 개발자, 프론트엔드에 도전하다

iOS 개발자가 프론트엔드 운영과 고도화에 참여한 경험을 공유했습니다.\nAI와 도구를 활용해 구조를 파악하고 웹뷰, SSR 이슈를 해결한 과정이 핵심입니다.

#iOS#Swift#WebView
16900

프론트엔드

여기쏙 — Figma plugin 제작기 : 2. UI

Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.

#Figma#React Query#Preact
4600

프론트엔드

배달의민족 주문접수 채널에 Flutter를 도입하며 고민한 것

Flutter와 Clean Architecture로 주문접수 채널의 멀티 플랫폼 확장성과 유지보수성을 높인 사례를 소개했습니다. 또한 웹뷰 기반 전환으로 배포 속도와 긴급 대응력을 개선하려는 방향을 설명했습니다.

#Flutter#Clean Architecture#BLoC
5100

프론트엔드

하이브리드 앱에 구축하는 iOS 개발자모드

하이브리드 iOS 앱에 개발자모드와 WebView 디버깅 도구를 SwiftUI로 구축한 사례를 소개했습니다. 프로토콜과 DI로 로컬 플래그를 분리해 운영 리스크를 줄이고 생산성을 높였습니다.

#iOS#SwiftUI#WebView
5700

프론트엔드

우아한 디버깅 툴 1부: 웹뷰/웹페이지 원격으로 디버깅하기

웹뷰·웹페이지 이슈를 당시 DevTools 상태 그대로 원격 재현하는 디버깅 툴을 소개했습니다. Chrome DevTools Protocol과 WebSocket으로 기록·재생하는 구조를 설명했습니다.

#Chrome DevTools Protocol#webview#websocket
3700

백엔드

에이닷 앱 성능 검증기: ＂빠르다＂를 숫자로 증명하기까지

에이닷 v4.0의 성능을 기능별 지표와 SLO로 나눠 객관적으로 검증했습니다.\nWebView, LLM, 비동기 작업 특성에 맞춘 기준과 측정 절차도 함께 정리했습니다.

#LLM#SLO#성능
6200

데브옵스

앱 성능 측정 방법: 웹과 앱 지표 통합 분석 가이드

앱 성능을 웹뷰 포함 여부에 따라 공통·앱 전용·웹 전용 지표로 나누어 설명했습니다.\nQA에서 Launch Time, FPS, Jank, LCP, INP를 함께 측정해 품질 기준을 세우는 방법을 정리했습니다.

#성능#Web Vitals#Android Vitals
6200

데브옵스

당근마켓 웹 플랫폼 외전 — 레거시 시스템 안전하게 제거하기

로컬 웹뷰의 잔존 트래픽과 하위 호환성 문제를 계측한 뒤, Cloudflare Workers로 호환 동작을 이전하며 안전하게 폐기했습니다. 분산된 정책과 AWS 리소스를 단일 스크립트로 통합해 유지보수성과 온보딩 부담도 줄였습니다.

#webview#AWS#Cloudflare Workers
5100

프론트엔드

앱과 웹의 연결고리 : 여기어때 통합 WebView 구축기

여기어때 앱에서 웹뷰를 통합한 과정과 연동 방식을 정리한 글입니다. 파편화된 브릿지 규격을 하나로 묶어 유지보수와 협업 효율을 높인 사례를 소개했습니다.

#Android#WebView#JavaScript
3200

프론트엔드

Vite로 구버전 브라우저 지원하기

Vite 레거시 플러그인으로 구버전 Safari와 Chrome의 흰 화면 문제를 해결한 사례를 다루었습니다. targets 설정만으로는 부족해 modernPolyfills를 함께 조정한 과정도 설명했습니다.

#Vite#React#browser
5800

프론트엔드

토스가 꿈꾸는 React Native 기술의 미래

토스가 React Native를 선택한 이유와 현재 운영 방식을 소개했습니다. 마이크로 프론트엔드, ESBuild, 번들 분리로 사용자 경험과 개발 생산성을 함께 높이고자 했습니다.

#React Native#WebView#ESBuild
5100

프론트엔드

ChatGPT로 네이티브 지식없이 react-native-cookies 패키지 Android 버그 해결하기

React Native WebView 자동 로그인 구현 중 Android에서 `react-native-cookies` 버그를 해결한 사례입니다. 네이티브 지식 없이도 ChatGPT를 활용해 쿠키 연동 문제를 점검했습니다.

#React#Android#WebView
2600

프론트엔드

웹에서 파일 선택하기: onShowFileChooser()를 이용한 단일 및 복수 파일 선택 방법

안드로이드 WebView의 파일 입력을 onShowFileChooser()로 직접 구현하는 방법을 설명했습니다. 파일 선택 결과 전달과 URI 권한 처리, 복수 파일 선택 대응까지 다뤘습니다.

#Android#WebView#WebChromeClient
3900

프론트엔드

[if kakao 2022] 카카오페이 iOS 웹뷰 소개, 그리고 세션에서 못다한 이야기

카카오페이 iOS 웹뷰 소개 세션의 후속 이야기를 공유합니다. 세션에서 다루지 못한 리팩토링 관련 내용을 추가로 다룹니다.

#iOS#webview#refactoring
1900