AI Briefing#frontend
#frontend와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#frontend와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
모델 성능 향상으로 하네스 규모가 절반으로 줄었으나 검증 장치는 유지해야 한다.
문법 변환과 번들링은 호스트에 맡기고 원본 구조 유지 및 declaration sourcemap 지원
필터 탭 도입으로 상세 페이지 접근 시간 20% 이상 단축 및 어드민 기능 커버리지 82% 달성
4개월 반간 15회 순서 변경 요구에 대응하며 CI 테스트 29 케이스로 검증했다.
GitHub가 CSS Modules로 전면 전환해 서버 렌더링 시간을 55% 단축했다.
항공 프론트엔드 팀이 FSD 도입 대신 폴더명 접두 기호 규칙으로 파일 영향 범위를 관리하는 방식을 공개했다.
웹과 앱 웹뷰의 상이한 토큰 유입 경로를 httpOnly 쿠키로 통일하고, 타이밍 이슈를 해결하는 인증 아키텍처를 구축했다.
토스뱅크가 App Router 도입 실험 결과, 운영 비용이 이득보다 커 Pages Router 유지로 결정했다.
코딩 에이전트가 검증 가능한 HTML 산출물을 생성하도록 돕는 6가지 스킬 모음 Effective HTML이 공개됐다.
AI 생성 영상을 스크롤 및 마우스 입력에 매핑해 웹 애니메이션으로 변환하는 에이전트 스킬 Oil Motion이 공개됐다.
AI 에이전트의 작업 상태를 9가지 애니메이션으로 시각화하는 React 로딩 컴포넌트입니다.
LINE Developers와 LIFF를 활용해 웹 엔지니어 없이도 AI 기반의 그룹 영상 통화 서비스를 구현하는 방법을 소개한다.
올리브영은 다양한 프레임워크를 사용하는 마이크로 프론트엔드 환경에서 통합 백오피스를 구축한 사례를 공유한다.
토스 내부용 유틸리티 라이브러리였던 es-toolkit이 성능 최적화를 통해 글로벌 프로젝트로 성장한 과정을 다룬다.
토스가 lodash의 비효율성을 개선하기 위해 만든 es-toolkit이 전 세계적인 오픈소스 라이브러리로 성장한 과정을 다룬다.
당근 디자인시스템 팀이 단순한 컴포넌트 제작을 넘어 제품의 효율과 퀄리티를 높이기 위해 고민하는 지점들을 다룬다.
Angular v22는 AI 에이전트 워크플로 확장과 Signal Forms 등 핵심 기능의 프로덕션 지원을 중심으로 발표되었습니다.