왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹에 Document PiP를 적용한 과정과 원리를 설명했습니다. React 상태 유지, 재생 정체 복구, 종료 제어 같은 실서비스 이슈를 함께 다뤘습니다.
#React#CSS
46005분
필터 1
웹뷰 속 무한 CSS 애니메이션의 숨은 비용
웹뷰 속 무한 CSS 애니메이션의 숨은 비용
Android 웹뷰에서 무한 CSS 애니메이션이 앱 CPU를 크게 올리는 현상을 조사했습니다. transform 최적화만으로는 해결되지 않았고, 지속 애니메이션 자체를 줄이는 방향이 필요했습니다.
#CSS#React Native
68005분
FE News 26년 6월 소식을 전해드립니다.
FE News 26년 6월 소식을 전해드립니다.
2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.
#TypeScript#JavaScript
87005분
FE News 26년 3월 소식을 전해드립니다!
FE News 26년 3월 소식을 전해드립니다!
FE 엔지니어들이 React 재단, CSS Day, Claude Code, TypeScript, Vinext 같은 프런트엔드 관련 소식을 소개했습니다.\nNext.js 대안과 성능 개선 사례를 포함한 월간 기술 큐레이션입니다.
#React#CSS
124005분
FE News 26년 2월 소식을 전해드립니다!
FE News 26년 2월 소식을 전해드립니다!
FE 관련 주요 소식을 모아 소개한 큐레이션 글입니다. React 최적화, 합성 컴포넌트 패턴, jQuery 4.0.0 변경점을 함께 다뤘습니다.
#React#Next.js
41005분
React랑 Lottie로 게임을 만든다고요?
React와 Lottie만으로 웹뷰 게임을 구현한 사례를 공유했습니다. iOS 깜빡임, 리플로우, 배터리 소모를 줄인 최적화 방법도 함께 정리했습니다.
#React#Lottie
137005분
LLM과 Reveal.js로 슬라이드를 쉽게 만들고 공유하기
블로그 글을 LLM으로 요약해 Reveal.js 슬라이드로 바꾸는 방법을 소개했습니다. GitHub Pages 배포까지 연결해 빠른 제작과 공유 효율을 높였습니다.
#LLM#Reveal.js
34005분
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오
웹과 다른 세계: 이메일 템플릿 작업에서 겪은 시행착오
이메일 템플릿에서 웹식 반응형이 제대로 동작하지 않는 시행착오를 정리했습니다. table 레이아웃과 인라인 스타일로 클라이언트별 차이를 줄이는 방법을 소개했습니다.
#CSS#HTML
88005분
텍스트 접근성을 개선했더니 거래액이 올랐습니다.
기기 글자 크기 설정을 반영해 텍스트 접근성을 개선한 사례를 소개했습니다. SSR, SSG, CSR 모두에서 FOUT를 줄이고 거래액과 탐색성 개선까지 확인했습니다.
#React Native#Next.js
46005분
채널톡 iOS26 대응기
채널톡 iOS26 대응기
iOS26의 Safari 주소창 변경으로 채널톡 메신저 하단에 사이트가 노출되는 문제를 대응했습니다. CSS 한계와 스크롤 이슈를 거쳐 동적 커버 방식으로 채팅 경험을 개선했습니다.
#iOS#iPhone
0005분
채널톡 iOS26 대응기
iOS26에서 Safari 주소창 변경으로 채널톡 메신저 하단에 빈 공간이 보이는 문제를 대응했습니다. CSS 우회와 커버 오버레이 방식을 거쳐 채팅 경험을 해치지 않는 방향으로 적용했습니다.
#iOS#iOS 26
7005분
2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것
2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것
카카오뱅크 프론트엔드 클랜이 전사 채용 Boost를 처음 운영한 과정을 소개했습니다. 서류, 과제, 면접 기준을 정비하고 지원자 경험까지 고려한 채용 설계를 공유했습니다.
#React#채용
40005분