脆弱性検査で検出されるCOEP、CORP、COOPヘッダについて
덴츠가 웹 취약점 진단에서 지적되는 COEP, CORP, COOP 헤더의 역할과 설정법을 정리했습니다.
프론트엔드 기술 블로그 글 모음
프론트엔드 주제의 기술 블로그 글 137편. 웹 프레임워크, 렌더링, 웹 성능.
최근 글
FE News 26년 11월 소식을 전해드립니다.
네이버 FE 엔지니어들이 Tailwind Labs의 Shopify 합류와 tsrs 등 11월의 주요 기술 소식을 공유했습니다.
같은 연출, 다른 CLS: transform을 제외한 설계 의도를 찾아서
버즈빌이 애니메이션 구현 방식을 transform으로 변경하여 CLS 지표를 개선했습니다.
Dark mode was never on our roadmap. Here’s how it got built.
미디엄이 7인 개발팀에서 제품 업무를 중단하지 않고 AI와 3대 원칙을 활용해 다크 모드를 구축했습니다.
출처: Medium Engineering · · 원문 보기
여기어때 해외투어 프론트엔드 구축기록
여기어때가 모노레포와 단계별 설계를 통해 25주 만에 해외투어 서비스를 구축했다.
토스뱅크가 패키지를 관리하는 방식 #2: 토스뱅크 패키지의 세 가지 기준
토스뱅크가 패키지 개발 환경을 개선하기 위해 세 가지 관리 기준을 정했다.
프리로드 API 없는 광고 SDK에 프리로딩을 적용하며 배운 것
버즈빌이 프리로드 API가 없는 광고 SDK에 수동 프리로딩을 적용해 사용자 대기 시간을 단축했다.
영상 최적화의 대상은 영상만이 아니었다
버즈빌이 WebView 환경에서 영상 기반 UI를 최적화하며 사용자 경험을 개선했다.
모바일 웹뷰에서 iOS·Android 가상 키보드 길들이기
카카오뱅크는 모바일 웹뷰에서 가상 키보드로 인한 레이아웃 깨짐을 해결했다.
D2Coding 폰트 1.4.0 릴리즈 소식을 전합니다.
네이버가 점이 들어간 숫자 0 옵션과 리거처를 개선한 D2Coding 폰트 1.4.0을 배포했다.
FE News 26년 10월 소식을 전해드립니다.
네이버 FE News가 VS Code의 역사와 Shopify의 네이티브 회귀 등 10월 주요 소식을 공유했다.
What's New in WebGPU (Chrome 155-156)
구글 크롬 155-156 버전에서 WebGPU의 fragment_depth 확장과 다양한 신규 포맷이 추가되었습니다.
출처: Chrome Developers · · 원문 보기
Email verification updates, October 2026
구글이 크롬 154 및 156 버전에 적용될 이메일 확인 API의 주요 업데이트 사항을 발표했습니다.
출처: Chrome Developers · · 원문 보기
Chrome 156 beta
구글이 2026년 9월 30일 Chrome 156 베타 버전을 공개했습니다.
출처: Chrome Developers · · 원문 보기
당근 동네걷기 위에서 동시에 쏟아지는 오버레이들을 우아하게 제어하기
당근 동네걷기가 함수 예약 큐로 독립적으로 뜨는 오버레이의 순서를 조율했다.
HTML-in-Canvas updates: Iterating toward a better Web API
크롬 150 및 155에서 HTML-in-Canvas API의 메서드 명칭과 메모리 관리 방식이 변경되었습니다.
출처: Chrome Developers · · 원문 보기
Improving site performance by shipping more CSS
GitHub이 CSS-in-JS 의존성을 단계적으로 걷어내고 서비스 스타일을 CSS Modules로 전환했다.
출처: GitHub Engineering · · 원문 보기
Rendering huge pull requests in the GitHub Copilot app
GitHub이 동적 댓글을 별도 측정하고 스크롤 위치를 보정해 초대형 PR 검토 화면을 개선했다.
출처: GitHub Engineering · · 원문 보기
New in Chrome 154
구글이 iframe 크기 자동 조절과 CSS 스크롤 마커 모드를 지원하는 크롬 154를 출시했습니다.
출처: Chrome Developers · · 원문 보기
福岡に6杯の"替え玉"が集合！フロントエンド勉強会「替え玉.web」開催レポート
사이보즈 후쿠오카 사무실에서 과거 발표를 재연하는 프런트엔드 스터디 그룹 '替え玉.web'이 성공적으로 개최되었습니다.
출처: Cybozu Inside Out · · 원문 보기
Chrome 155 beta
구글이 안드로이드, 윈도우 등 주요 운영체제를 위한 크롬 155 베타 버전을 공개했습니다.
출처: Chrome Developers · · 원문 보기
Enhance multitasking extensions with the new Tabs Split View API
크롬 155에서 확장 프로그램이 브라우저 분할 화면을 직접 제어할 수 있는 Tabs Split View API가 추가되었습니다.
출처: Chrome Developers · · 원문 보기
항공 프론트엔드 구축기 (10/10): 폴더 이름 앞의 기호 하나
여기어때 항공 프론트엔드는 폴더 접두 기호로 코드 사용 범위를 드러낸다.
항공 프론트엔드 구축기 (9/10): 쓰자고 해 놓고 안 썼습니다
여기어때 항공 서비스는 상태의 소유자와 수명을 기준으로 전역 저장소 없이 화면 상태를 관리했다.
항공 프론트엔드 구축기 (8/10): 토큰이 세 군데서 온다
여기어때 항공 웹뷰 인증은 서로 다른 토큰 경로를 HttpOnly 쿠키로 통합한다.
App Router의 장점은 우리에게도 장점일까요?
토스뱅크가 App Router 전환을 검토한 뒤 Pages Router 유지로 결정했다.
AI가 만든 코드가 어드민이 되기까지
토스가 브라우저 안에 Preview Runtime을 만들어 AI 생성 어드민의 첫 화면을 1.3초로 줄였다.
FE News 26년 9월 소식을 전해드립니다.
네이버 FE News가 프레임워크 이전과 JavaScript 런타임 업데이트 등 26년 9월 소식을 모았다.
Unity를 모르는 프론트엔드 개발자가 AI로 Unity 서비스를 React로 옮긴 방법
Unity 서비스를 React로 옮기며 AI를 검증과 명세 번역 도구로 활용한 사례를 다룹니다.
전체 데이터를 브라우저에 두는 광고 대시보드 만들기
토스가 광고 목록 전체를 브라우저로 가져와 필터와 정렬을 클라이언트에서 처리했다.
이 주제를 다룬 매체
- Dentsu (12편)
- 네이버 (104편)
- 버즈빌 (15편)
- Medium Engineering (10편)
- 여기어때 (107편)
- 토스 (122편)
- 카카오뱅크 (60편)
- Chrome Developers (10편)
- 당근마켓 (52편)
- GitHub Engineering (16편)
- Cybozu Inside Out (10편)
- 한컴 (11편)
프론트·모바일 관련 주제
- 모바일 (72편)
- 디자인 시스템·UX (83편)