WebView 소셜 인증을 RN 브리지로 전환하기
React Native 네이티브 SDK로 소셜 인증을 처리하고, 기존 React/Gate 로그인 흐름은 그대로 재사용하는 브리지 구조를 도입했습니다. WebView 통신은 계약과 재전송, ACK로 안정화하고 실기기 디버깅 가능성도 높였습니다.
#React Native#WebView
2100
국내 IT 기업 기술 블로그 최신 글
필터 1
결제 기능 공통 컴포넌트 구현기
React 공통 컴포넌트로 결제 SDK 연동과 상태 관리를 일원화한 구현 경험을 정리했습니다. 인라인·팝업을 통합하고 성공·실패 후처리와 멱등성까지 고려한 설계가 핵심입니다.
#React#React Native
2400
APK 빌드 환경
Windows에서 React Native APK 빌드가 경로 길이 제한으로 실패하는 문제를 다뤘습니다. Junction과 짧은 CMake 스테이징 경로, 캐시 삭제로 해결하는 방법을 정리했습니다.
#Windows#React Native
2000
Android WebView 본인인증 오류 개선
React Native Android WebView에서만 발생한 본인 인증 실패를 분석했습니다. 외부 인증 앱 URL 처리 로직을 보완해 인증 흐름을 정상화했습니다.
#Android#WebView
1800
React vs React Native: 프로젝트별 선택 가이드
React와 React Native의 렌더링 방식과 활용 기준을 비교해 프로젝트별 선택 기준을 정리했습니다. SEO와 배포 민첩성은 React, 네이티브 UX와 하드웨어 연동은 React Native가 적합했습니다.
#React#React Native
4000
Laying the Rails Beyond WebView: Why Karrot Chose Lynx
Laying the Rails Beyond WebView: Why Karrot Chose Lynx
당근 프론트엔드 코어 팀이 웹뷰를 넘어서는 개발 환경을 위해 Lynx를 선택한 배경을 소개합니다. 포스트 제목상 Lynx 도입 이유를 다루는 기술 공유 글입니다.
#React Native#webview
10700
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
웹뷰 속 무한 CSS 애니메이션의 숨은 비용
웹뷰 속 무한 CSS 애니메이션의 숨은 비용
Android 웹뷰에서 무한 CSS 애니메이션이 앱 CPU를 크게 올리는 현상을 조사했습니다. transform 최적화만으로는 해결되지 않았고, 지속 애니메이션 자체를 줄이는 방향이 필요했습니다.
#CSS#React Native
8500
FE News 26년 4월 소식을 전해드립니다!
FE News 26년 4월 소식을 전해드립니다!
이번 글은 FE 분야의 주요 기술 소식을 한 번에 정리해 전해드렸습니다. Temporal, TypeScript 6.0, Node.js 릴리즈 정책, Expo UI와 AI 코딩 에이전트 관련 흐름을 소개했습니다.
#JavaScript#TypeScript
19000
텍스트 접근성을 개선했더니 거래액이 올랐습니다.
기기 글자 크기 설정을 반영해 텍스트 접근성을 개선한 사례를 소개했습니다. SSR, SSG, CSR 모두에서 FOUT를 줄이고 거래액과 탐색성 개선까지 확인했습니다.
#React Native#Next.js
5400
사내 스터디, 잘 운영될 수 있을까?
사내 스터디를 1년 운영하며 여러 진행 방식을 시도한 경험을 공유했습니다. 상황에 맞게 빠르게 피벗하고 부담과 효과의 균형을 맞추는 것이 핵심이라고 정리했습니다.
#React#Next.js
14700
구성원 인터뷰 - 프론트엔드 엔지니어 김성호
포스타입 프론트엔드팀 인터뷰로, 컨슈머 파트의 역할과 프리뷰 기반 업무 방식을 소개했습니다. 사용자 중심 사고로 문제의 본질을 파악하고 더 나은 해결책을 제안하는 역량을 강조했습니다.
#React Native#Next.js
11900
React Native에서 Kollus SDK 연동하기
React Native에서 Kollus SDK 연동하기
React Native에서 Kollus SDK를 연동하기 위해 Android와 iOS 네이티브 브릿지 구성 방법을 정리했습니다. 또한 SDK 초기화와 영상 재생 URL 전달 흐름까지 단계별로 설명했습니다.
#React Native#Kotlin
8200
React Native에서 타입 안전한 파일 기반 라우팅 구현하기
Bedrock에서 파일 기반 라우팅의 타입 안전성을 높이는 방법을 소개했습니다. 선언 병합과 자동 타입 생성으로 파라미터 검증과 네비게이션 추론을 개선했습니다.
#React Native#TypeScript
21000
ESBuild를 위한 HMR, 직접 만들기
프론트엔드 개발 경험을 높이는 HMR의 원리와 번들러별 구현 방식을 비교했습니다. ESBuild 기반 번들러에 HMR을 직접 붙인 과정을 통해 실시간 반영과 상태 유지를 구현했습니다.
#ESBuild#HMR
13100