필터 1
2. 유스케이스를 격리하고 의존성을 나누어 Lint로 규칙 세우기
아임웹
아키텍처

2. 유스케이스를 격리하고 의존성을 나누어 Lint로 규칙 세우기

Mock 의존을 줄이기 위해 유스케이스 분리, 리포지토리 포트화, 트랜잭션 정리를 단계적으로 진행했습니다. 문서보다 lint·타입·CI 같은 강제 규칙으로 사람과 AI의 관성을 막았습니다.

#Lint#TypeScript
11005분
1. 통과하는 테스트 뒤에 숨어 있던 것들
아임웹
백엔드

1. 통과하는 테스트 뒤에 숨어 있던 것들

통합 테스트가 없던 코드베이스에서 Mock이 급증한 원인과, AI가 그 관성을 더 키우는 구조를 정리했습니다. 실제 DB와 기록형 대역, 스냅샷, lint로 검증 기반을 바꿔 Mock 의존을 줄인 과정을 공유했습니다.

#TypeScript#test
20005분
타입스크립트(TypeScript) 파헤치기
넥스트리
프론트엔드

타입스크립트(TypeScript) 파헤치기

타입스크립트의 핵심 개념과 컴파일러 동작, 구조적 타이핑, 타입 추론을 설명했습니다. 또한 런타임 한계와 TSConfig 옵션, 실무 적용 시 주의점을 정리했습니다.

#TypeScript#JavaScript
53005분
네이버 D2
프론트엔드

FE News 26년 7월 소식을 전해드립니다.

네이버 FE News에서 TypeScript 7.0 RC, 정책 전달 방식, AI 에이전트 루프 설계와 React 코드 점검 도구를 소개했습니다. 대규모 코드베이스 성능 개선과 규칙 일관성, 자동 검증 관점의 실무 아이디어를 정리했습니다.

#TypeScript#React
569005분
TVING
아키텍처

TVING의 새로운 백오피스 Refine 구축기 — (1)

TVING이 Refine과 AI Agent를 활용해 백오피스 개발 속도를 높인 과정을 소개했습니다. 모노레포와 GraphQL, 자동화 규칙으로 컨벤션 기반 생산성을 강화했습니다.

#Refine#React
102005분
아임웹
아키텍처

코드에서 1급 시민으로 다룬다는 것

AI에게 기능만 요청하면 조건문이 늘어나기 쉽다고 설명했습니다. 개념을 1급 시민으로 다루게 해야 설계와 운영까지 연결된다고 말했습니다.

#TypeScript#설계
49005분
넥스트리
프론트엔드

ESLint와 Prettier로 코드 스타일 통일하기

ESLint와 Prettier로 Vue 3·TypeScript 프로젝트의 코드 스타일과 품질 규칙을 통일하는 방법을 다루었습니다. IDE와 SFC 파싱 문제까지 함께 정리해 협업 시 불필요한 diff를 줄이는 과정을 소개했습니다.

#ESLint#Prettier
51005분
펫프렌즈
백엔드

병목은 테스트 실행이 아니었다: Appium E2E 자동화에서 실행과 운영을 분리하기까지

Appium E2E 자동화에서 테스트 실행과 운영을 GitHub Actions와 n8n으로 분리한 구조를 정리했습니다. 실패 원인 추적과 알림·기록 변경을 쉽게 하기 위한 경계 설정이 핵심입니다.

#Appium#GitHub Actions
28005분
우아한 형제들
프론트엔드

사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기

커스텀 ESLint 플러그인으로 다국어 번역 누락과 오역을 탐지해 해결했습니다. 사람과 AI 검수의 한계를 보완하기 위해 린트와 AI를 나눠 적용했습니다.

#ESLint#i18next
33005분
미리디
프론트엔드

모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [2/2]

미리캔버스 프론트엔드 모노레포의 CI/CD와 배포 구조를 설명했습니다. 빌드 아티팩트 분리와 Module Federation, manifest 기반 독립 배포, 관측 지표를 함께 다뤘습니다.

#모노레포#CI/CD
94005분
es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지
토스
프론트엔드

es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지

토스의 es-toolkit이 lodash 대체를 목표로 성능과 번들 크기를 개선하며 성장한 과정을 소개했습니다. 국내외 커뮤니티 기여와 대형 오픈소스 채택으로 주간 다운로드 2천만 회를 넘겼습니다.

#JavaScript#TypeScript
101005분
네이버 D2
프론트엔드

FE News 26년 6월 소식을 전해드립니다.

2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.

#TypeScript#JavaScript
99005분