FE News 26년 7월 소식을 전해드립니다.
FE News 26년 7월 소식을 전해드립니다.
네이버 FE News에서 TypeScript 7.0 RC, 정책 전달 방식, AI 에이전트 루프 설계와 React 코드 점검 도구를 소개했습니다. 대규모 코드베이스 성능 개선과 규칙 일관성, 자동 검증 관점의 실무 아이디어를 정리했습니다.
#TypeScript#React
65005분
필터 1
TVING의 새로운 백오피스 Refine 구축기 — (1)
TVING의 새로운 백오피스 Refine 구축기 — (1)
TVING이 Refine과 AI Agent를 활용해 백오피스 개발 속도를 높인 과정을 소개했습니다. 모노레포와 GraphQL, 자동화 규칙으로 컨벤션 기반 생산성을 강화했습니다.
#Refine#React
80005분
코드에서 1급 시민으로 다룬다는 것
코드에서 1급 시민으로 다룬다는 것
AI에게 기능만 요청하면 조건문이 늘어나기 쉽다고 설명했습니다. 개념을 1급 시민으로 다루게 해야 설계와 운영까지 연결된다고 말했습니다.
#TypeScript#설계
47005분
ESLint와 Prettier로 코드 스타일 통일하기
ESLint와 Prettier로 코드 스타일 통일하기
ESLint와 Prettier로 Vue 3·TypeScript 프로젝트의 코드 스타일과 품질 규칙을 통일하는 방법을 다루었습니다. IDE와 SFC 파싱 문제까지 함께 정리해 협업 시 불필요한 diff를 줄이는 과정을 소개했습니다.
#ESLint#Prettier
47005분
병목은 테스트 실행이 아니었다: Appium E2E 자동화에서 실행과 운영을 분리하기까지
병목은 테스트 실행이 아니었다: Appium E2E 자동화에서 실행과 운영을 분리하기까지
Appium E2E 자동화에서 테스트 실행과 운영을 GitHub Actions와 n8n으로 분리한 구조를 정리했습니다. 실패 원인 추적과 알림·기록 변경을 쉽게 하기 위한 경계 설정이 핵심입니다.
#Appium#GitHub Actions
25005분
사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기
사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기
커스텀 ESLint 플러그인으로 다국어 번역 누락과 오역을 탐지해 해결했습니다. 사람과 AI 검수의 한계를 보완하기 위해 린트와 AI를 나눠 적용했습니다.
#ESLint#i18next
31005분
모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [2/2]
모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [2/2]
미리캔버스 프론트엔드 모노레포의 CI/CD와 배포 구조를 설명했습니다. 빌드 아티팩트 분리와 Module Federation, manifest 기반 독립 배포, 관측 지표를 함께 다뤘습니다.
#모노레포#CI/CD
86005분
es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지
토스의 es-toolkit이 lodash 대체를 목표로 성능과 번들 크기를 개선하며 성장한 과정을 소개했습니다. 국내외 커뮤니티 기여와 대형 오픈소스 채택으로 주간 다운로드 2천만 회를 넘겼습니다.
#JavaScript#TypeScript
101005분
FE News 26년 6월 소식을 전해드립니다.
FE News 26년 6월 소식을 전해드립니다.
2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.
#TypeScript#JavaScript
96005분
AI-DLC 를 팀 프로젝트에 적용하기: Subagent 와 Custom Skill 로 확장한 Armiq 사례
AI-DLC에 Subagent와 Custom Skill을 결합해 팀 프로젝트 운용 문제를 보완했습니다. 비정형 요구사항 정리, 병렬 개발 merge, 전용 코드 리뷰까지 함께 다뤘습니다.
#AWS#TypeScript
49005분
FE News 26년 5월 소식을 전해드립니다.
FE News 26년 5월 소식을 전해드립니다.
MDN 아키텍처 개편, React 접근성 점검, RSC 캐싱과 Cursor SDK 소식을 정리했습니다.\n웹 표준, 캐싱 경계, 코딩 에이전트의 제품 내 활용 흐름을 함께 살펴볼 수 있습니다.
#React#web
145005분
AI를 활용한 Web 성능개선 실전 사례
AI를 활용한 Web 성능개선 실전 사례
AI와 Chrome DevTools flame chart를 함께 써서 Web 성능 병목을 빠르게 찾고 개선한 사례입니다. 배열 순회, Worker 통신, 소켓 이벤트를 줄여 하루 만에 체감 성능을 높였습니다.
#Web#성능
3005분