프론트엔드 소식
해외 이슈·커뮤니티 논의를 번역·요약해 전하는 소식 (관리자 작성)
- 브라우저·웹표준데모방금 전
최근 웹표준 Baseline 묶음 - :open 가상클래스부터 Document PiP까지
한 줄 요약 - 최근 3주 사이 브라우저들이 나란히 따라오면서 Baseline(주요 브라우저가 모두 지원해 안심하고 쓸 수 있는 상태)에 합류했거나 새로 들어온 웹표준 기능을 모았습니다. 공통 주제는 예전엔 자바스크립트로 메우던 일을 브라우저가 직접
조회 34 - React데모방금 전
[React 19] useOptimistic·useActionState·use - 폼과 비동기를 위한 새 훅
한 줄 요약 - React 19가 폼과 비동기 처리를 간결하게 해주는 새 훅을 추가했습니다. 화면을 먼저 바꾸는 낙관적 업데이트(useOptimistic), 액션 결과/로딩 상태(useActionState), 프로미스를 직접 읽는 use 등입니다.</
조회 40 - Next.js방금 전
[Next.js 16] Turbopack 기본 탑재 + Cache Components(PPR)로 빨라진 빌드와 로딩
한 줄 요약 - Next.js 16이 Turbopack을 기본 번들러로 채택해 빌드가 2~5배 빨라졌고, Cache Components(PPR)로 정적과 동적을 한 페이지에서 섞어 초기 로딩을 크게 개선합니다. 무슨 일이에요? <p
조회 36 - 언어·TypeScript데모방금 전
[ECMAScript 2025] Iterator 헬퍼·Set 메서드·Promise.try 정식 추가
한 줄 요약 - ES2025가 이터레이터 체이닝(map/filter/take), 집합 연산(union/intersection/difference), Promise.try 등을 표준으로 추가했습니다. 무슨 일이에요? 그동안 배열
조회 36 - 성능·접근성방금 전
[Speculation Rules] 링크를 미리 렌더해 '즉시' 열리는 페이지
한 줄 요약 - speculationrules 스크립트로 사용자가 다음에 갈 법한 페이지를 미리 prefetch/prerender 해두면, 클릭하는 순간 거의 즉시 열립니다. 무슨 일이에요? 여러 페이지로 된 사이트(MPA)를
조회 31 - 빌드·툴체인1시간 전
ESLint/Prettier의 대안 - Rust 기반 Oxlint/Biome로 린트가 수십 배 빨라진다
한 줄 요약 - 오래 쓰던 ESLint/Prettier 대신, Rust로 만든 Oxlint와 Biome가 린트/포맷을 수십 배 빠르게 처리합니다. 무슨 일이에요? Oxlint(OXC)는 린트 전용으로 ESLint 대비 50~1
조회 36 - 빌드·툴체인1시간 전
이제 Node.js가 .ts 파일을 그냥 실행한다 - 내장 타입 스트리핑 안정화
한 줄 요약 - 이제 Node.js가 별도 변환 도구(ts-node 등) 없이 .ts 파일을 바로 실행합니다. 타입을 실행 시 벗겨내는(type stripping) 기능이 기본으로 켜졌습니다. 무슨 일이에요? Node.js 2
조회 24 - 언어·TypeScript1시간 전
TypeScript 7.0 베타 - 컴파일러를 Go로 새로 짜 타입체크가 약 10배 빨라졌다
한 줄 요약 - 마이크로소프트가 TypeScript 컴파일러를 Go로 새로 작성한 'TypeScript 7.0'(코드명 Corsa) 베타를 공개했습니다. 타입체크와 빌드가 기존보다 약 10배 빨라집니다. 무슨 일이에요? 기존
조회 20 - CSS·스타일링데모1시간 전
CSS만으로 툴팁/팝오버 위치 잡기 - 'Anchor Positioning'이 Baseline 2026 진입
한 줄 요약 - 툴팁이나 팝오버를 특정 요소에 딱 붙여 띄우는 일을, 이제 자바스크립트 위치 계산 라이브러리 없이 CSS만으로 할 수 있습니다. 무슨 일이에요? 한 요소를 기준점(anchor)으로 지정하고, 다른 요소가 그 기
조회 35 
성능·접근성4시간 전유럽 접근성법(EAA) 본격 시행 -
한 줄 요약 - 유럽 접근성법(EAA)이 본격 적용되면서, EU 시장을 대상으로 하는 웹과 앱은 장애가 있는 사용자도 쓸 수 있게 만드는 것이 법적 의무가 됐습니다. 무슨 일이에요? 기준은 EN 301 549이며 사실상 W
조회 21
프레임워크·기타4시간 전Vue 3.6 'Vapor Mode' 기능 완성 - 가상 DOM 없이 Svelte/Solid급 렌더링 속도
한 줄 요약 - Vue가 3.6에서 가상 DOM 없이 화면을 직접 그리는 'Vapor Mode'를 기능 완성 단계까지 끌어올려, Svelte/Solid급 속도를 냅니다. 무슨 일이에요? Vapor 모드는 컴포넌트를 컴파일할
조회 17
CSS·스타일링8시간 전Tailwind CSS v4 - Rust 엔진 'Oxide'로 빌드가 최대 100배 빨라졌다
한 줄 요약 - Tailwind CSS가 v4에서 핵심 엔진을 Rust로 새로 짠 'Oxide'로 바꿔 빌드가 크게 빨라졌고, 설정도 JS 파일이 아니라 CSS에서 바로 합니다. 무슨 일이에요? v3까지는 tailwind.
조회 25
브라우저·웹표준데모8시간 전페이지 이동도 부드럽게 - 'Cross-document View Transitions'가 대부분 브라우저에
한 줄 요약 - 다른 페이지로 넘어갈 때 화면이 툭 끊기지 않고 부드럽게 전환되는 기능을, 이제 JavaScript 없이 CSS만으로 쓸 수 있습니다. 무슨 일이에요? 예전엔 SPA(한 페이지 안에서 화면만 바꾸는 앱)에서
조회 26
Next.js9시간 전메타프레임워크가 기본값이 됐다 - Next.js와 Server Actions의 표준화
한 줄 요약 - 이제 React를 그냥 쓰기보다 Next.js 같은 메타프레임워크로 시작하는 게 표준이 됐고, 백엔드 로직까지 Server Actions로 프론트 저장소 안에서 다룹니다. 무슨 일이에요? Server Act
조회 29
React9시간 전React Compiler 정식화 - 이제 useMemo·useCallback 수동 최적화는 그만
한 줄 요약 - React가 성능 최적화를 자동으로 해주는 'React Compiler'를 도입하면서, 그동안 손으로 챙기던 useMemo/useCallback/memo를 대부분 안 써도 됩니다. 무슨 일이에요? 리액트는 상태
조회 26
CSS·스타일링데모9시간 전"이젠 CSS로 충분" - 팝오버·스크롤 애니메이션·masonry가 네이티브로 (Baseline 2026)
한 줄 요약 - 예전엔 JS 라이브러리가 필요했던 기능들(팝오버, 스크롤에 맞춘 애니메이션, masonry 레이아웃)을 이제 브라우저가 기본으로 처리합니다. 무슨 일이에요? 'Baseline'은 주요 브라우저에 충분히 퍼진
조회 34
언어·TypeScript데모9시간 전고장났던 자바스크립트 Date, 드디어 후계자 'Temporal' 정식 채택 (ES2026)
한 줄 요약 - 다루기 까다롭던 자바스크립트 Date를 대체할 새 날짜/시간 API 'Temporal'이 표준(ES2026)으로 확정됐습니다. 무슨 일이에요? Temporal은 불변(immutable)이고, 날짜만/시각만/
조회 29
빌드·툴체인9시간 전Webpack의 시대가 저문다 - Vite·esbuild·Bun이 새 표준으로
한 줄 요약 - 오랫동안 표준이던 번들러 Webpack 대신, 훨씬 빠른 Vite/esbuild/Bun이 새 기본값으로 자리 잡고 있습니다. 무슨 일이에요? 이들은 네이티브(Go/Rust) 기반이고, 개발 중에는 브라우저의
조회 24