필터 1
당근마켓
프론트엔드

Laying the Rails Beyond WebView: Why Karrot Chose Lynx

당근 프론트엔드 코어 팀이 웹뷰를 넘어서는 개발 환경을 위해 Lynx를 선택한 배경을 소개합니다. 포스트 제목상 Lynx 도입 이유를 다루는 기술 공유 글입니다.

#React Native#webview
4500
크리에이트립
프론트엔드

웹뷰 속 무한 CSS 애니메이션의 숨은 비용

Android 웹뷰에서 무한 CSS 애니메이션이 앱 CPU를 크게 올리는 현상을 조사했습니다. transform 최적화만으로는 해결되지 않았고, 지속 애니메이션 자체를 줄이는 방향이 필요했습니다.

#CSS#React Native
8100
네이버 D2
기타

FE News 26년 4월 소식을 전해드립니다!

이번 글은 FE 분야의 주요 기술 소식을 한 번에 정리해 전해드렸습니다. Temporal, TypeScript 6.0, Node.js 릴리즈 정책, Expo UI와 AI 코딩 에이전트 관련 흐름을 소개했습니다.

#JavaScript#TypeScript
18600
텍스트 접근성을 개선했더니 거래액이 올랐습니다.
라포랩스
프론트엔드

텍스트 접근성을 개선했더니 거래액이 올랐습니다.

기기 글자 크기 설정을 반영해 텍스트 접근성을 개선한 사례를 소개했습니다. SSR, SSG, CSR 모두에서 FOUT를 줄이고 거래액과 탐색성 개선까지 확인했습니다.

#React Native#Next.js
5200
사내 스터디, 잘 운영될 수 있을까?
포스타입
기타

사내 스터디, 잘 운영될 수 있을까?

사내 스터디를 1년 운영하며 여러 진행 방식을 시도한 경험을 공유했습니다. 상황에 맞게 빠르게 피벗하고 부담과 효과의 균형을 맞추는 것이 핵심이라고 정리했습니다.

#React#Next.js
14100
구성원 인터뷰 - 프론트엔드 엔지니어 김성호
포스타입
기타

구성원 인터뷰 - 프론트엔드 엔지니어 김성호

포스타입 프론트엔드팀 인터뷰로, 컨슈머 파트의 역할과 프리뷰 기반 업무 방식을 소개했습니다. 사용자 중심 사고로 문제의 본질을 파악하고 더 나은 해결책을 제안하는 역량을 강조했습니다.

#React Native#Next.js
11500
카테노이드
프론트엔드

React Native에서 Kollus SDK 연동하기

React Native에서 Kollus SDK를 연동하기 위해 Android와 iOS 네이티브 브릿지 구성 방법을 정리했습니다. 또한 SDK 초기화와 영상 재생 URL 전달 흐름까지 단계별로 설명했습니다.

#React Native#Kotlin
8200
React Native에서 타입 안전한 파일 기반 라우팅 구현하기
토스
프론트엔드

React Native에서 타입 안전한 파일 기반 라우팅 구현하기

Bedrock에서 파일 기반 라우팅의 타입 안전성을 높이는 방법을 소개했습니다. 선언 병합과 자동 타입 생성으로 파라미터 검증과 네비게이션 추론을 개선했습니다.

#React Native#TypeScript
20600
ESBuild를 위한 HMR, 직접 만들기
토스
프론트엔드

ESBuild를 위한 HMR, 직접 만들기

프론트엔드 개발 경험을 높이는 HMR의 원리와 번들러별 구현 방식을 비교했습니다. ESBuild 기반 번들러에 HMR을 직접 붙인 과정을 통해 실시간 반영과 상태 유지를 구현했습니다.

#ESBuild#HMR
12600
@use-funnel 개발기 #1: 왜 기존 라이브러리를 두고 새로 만들었나?
토스
프론트엔드

@use-funnel 개발기 #1: 왜 기존 라이브러리를 두고 새로 만들었나?

복잡한 퍼널의 상태 관리와 뒤로가기 문제를 해결하기 위해 `@use-funnel`을 새로 만들었습니다. 사내 요구사항을 모아 코어와 라우터별 구현으로 나누고 오픈소스로 공개했습니다.

#React#오픈소스
4400
CocoaPods 없이 React Native 개발하기
토스
프론트엔드

CocoaPods 없이 React Native 개발하기

운영 중인 iOS 앱에 React Native를 도입할 때 CocoaPods 병행으로 생기는 의존성 문제를 정리했습니다. XCFramework로 미리 빌드해 Swift Package 형태로 포함하는 Prebuild 방식과 빌드 절차를 소개했습니다.

#React Native#CocoaPods
5000
네이버 D2
프론트엔드

FE News 24년 10월 소식을 전해드립니다!

24년 10월 FE 뉴스에서 프론트엔드 관련 기술 소식을 큐레이션해 소개했습니다. 프레임워크 비교, JavaScript Generator, 코드 탐색 도구 등 다양한 주제를 다뤘습니다.

#Next.js#Flutter
2400
토스가 꿈꾸는 React Native 기술의 미래
토스
프론트엔드

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

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

#React Native#WebView
5300
Flutter 전환의 마침표 - 일본 1위 배달 앱, 세 번째 Recode
라인
프론트엔드

Flutter 전환의 마침표 - 일본 1위 배달 앱, 세 번째 Recode

일본 배달 앱 ConsumerApp을 React Native에서 Flutter로 전환한 사례를 공유했습니다. PoC, 병렬 개발, 단계적 QA와 배포를 통해 기술 통합과 운영 개선을 이끌었습니다.

#Flutter#React Native
3100