요약
주요소식
|
 |
 |
 |
26년 6월 소식에서는 다음과 같은 유용한 정보들을 만나보실 수 있습니다.
State of AI 2026
Devographics의 연례 AI 개발자 설문 결과. TypeScript가 처음으로 JavaScript 사용률을 앞질렀고, 개발자가 작성하는 코드 중 AI 생성 비중이 평균 54%로 급증했다. Claude Code가 유료 전환율과 만족도 1위를 기록했으며, 코딩 에이전트 사용률은 GitHub Copilot(67.9%), Claude Code(62.9%) 순으로 나타났다. AI 도입에 대한 기대와 함께 "AI 의존으로 인한 개발자 역량 저하" 우려도 68%에 달했다.
What's new in Web UI
Google I/O 2026에서 공개된 최신 CSS/HTML 기능 총정리 세션. 스크롤 기반 애니메이션(Scroll-triggered Animations), 요소 범위 View Transitions, CSS @function, contrast-color(), meta=text-scale 등 네이티브 기능들을 소개한다. JavaScript 라이브러리 없이 구현 가능한 범위가 넓어지고 있음을 보여주며, 각 기능의 데모는 제공된 CodePen 컬렉션에서 확인할 수 있다.
Postmortem: TanStack npm supply-chain compromise
2026년 5월 11일, TanStack의 42개 npm 패키지에서 84개의 악성 버전이 6분 만에 배포된 공급망 공격 사후 분석 글. 악성 코드는 AWS·GCP·GitHub 자격증명을 탈취하는 기능을 포함했으며, 20분 내 탐지되어 1시간 43분 만에 폐기됐다. pullrequesttarget 권한 오남용, GitHub Actions 캐시 취약점, OIDC 토큰 노출이 근본 원인으로 파악됐다. FE 생태계 공급망 보안을 점검하는 계기가 된다.
tegaki
모든 폰트를 애니메이션된 필기체로 변환하는 웹 라이브러리. 수동 경로 작성 없이 폰트를 선택하기만 하면 텍스트가 스트로크별로 자연스럽게 그려진다. React, Vue, Svelte, SolidJS, Astro, Web Components, Vanilla JS를 모두 지원하며 MIT 라이선스로 공개되어 있다. 손글씨 타이틀이나 서명 애니메이션 등 인터랙티브 UI 요소를 구현할 때 유용하다.
Clawd on Desk
Claude Code, Codex CLI, Cursor Agent 등 AI 코딩 에이전트의 작업 상태를 실시간으로 반영하는 픽셀 아트 데스크톱 펫. 유휴·생각 중·빌딩 등 12가지 애니메이션 상태를 갖추고 있으며, 도구 권한 요청 시 앱 내 팝업으로 Allow/Deny를 선택할 수 있다. Windows, macOS, Linux를 지원한다.
>> FE News 26년 6월 소식 보러가기
◎ FE News란?
네이버 FE 엔지니어들이 엄선한 양질의 FE 및 주요한 기술 소식들을 큐레이션해 공유하는 것을 목표로 하며, 이를 통해 국내 개발자들에게 지식 공유에 대한 가치 인식과 성장에 도움을 주고자 하는 기술소식 공유 프로젝트 입니다.매월 첫째 주 수요일, 월 1회 발행 되고 있으니 많은 관심 부탁드립니다.
▷ 구독하기