ESLint와 Prettier로 코드 스타일 통일하기
ESLint와 Prettier로 Vue 3·TypeScript 프로젝트의 코드 스타일과 품질 규칙을 통일하는 방법을 다루었습니다. IDE와 SFC 파싱 문제까지 함께 정리해 협업 시 불필요한 diff를 줄이는 과정을 소개했습니다.
#ESLint#Prettier#Vue.js
3400
ESLint와 Prettier로 코드 스타일 통일하기
태그
ESLint 기술 블로그 글
ESLint 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 10개최신 10개 표시
관련 태그
최신 게시글
10개 표시
사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기
커스텀 ESLint 플러그인으로 다국어 번역 누락과 오역을 탐지해 해결했습니다. 사람과 AI 검수의 한계를 보완하기 위해 린트와 AI를 나눠 적용했습니다.
#ESLint#i18next#react-i18next
2700
사람도 AI도 놓친 번역 누락, ESLint 플러그인을 만들어 해결하기
하나의 프론트엔드 코드로 멀티 환경 운영하기
하나의 프론트엔드 코드베이스로 여러 환경을 운영하기 위해 분기 구조를 재설계했습니다. Route와 Component는 설정화·자동화하고, Logic은 단순 플래그로 유지해 생산성과 DX를 개선했습니다.
#AST#ESLint#YAML
22200
무엇이든 물어보세요 (feat. 테스트 코드, ESLint Rule) | EP.10 캠프파이어 특집 하편
시청자 질문을 바탕으로 테스트 코드, ESLint Rule, useEffect dependency 배열에 대한 프론트엔드 실무 인사이트를 공유했습니다. 토스 개발자들의 코드 리뷰와 내부 패키지 활용 사례도 함께 소개했습니다.
#test#ESLint#JavaScript
7100
pnpm을 사용한 모노레포로 프론트엔드 생산성 늘리기
더스윙 프론트엔드팀이 20여 개 어드민을 pnpm 모노레포로 통합한 배경과 과정을 소개했습니다. 맥락 전환과 배포 복잡도를 줄이고 생산성과 코드 일관성을 높인 사례입니다.
#pnpm#모노레포#GitHub Actions
2200
프로젝트 전체에서 사용되는 패키지, 어떻게 마이그레이션 할까?
프로젝트 전반의 패키지 마이그레이션 사례를 다뤘습니다. Next는 대체 구현으로 전환했고, Recoil은 AST 기반 스크립트로 Jotai로 옮겼습니다.
#migration#Next.js#React
2400
오픈소스 ABC User Feedback에 적용한 모노리포 구조 소개
ABC User Feedback에 적용한 모노리포 구조와 디렉터리 구성을 소개했습니다. Turborepo 캐시와 원격 캐시로 빌드 효율을 높인 방식도 함께 설명했습니다.
#TypeScript#monorepo#Turborepo
3900
Biome: 차세대 JS Linter와 Formatter
Biome은 JavaScript와 TypeScript를 위한 빠른 포매터·린터 통합 도구를 소개했습니다. 설정 단순화와 속도 향상이 장점이지만, 아직 지원 언어와 레퍼런스는 제한적입니다.
#Biome#JavaScript#TypeScript
200
Biome: 차세대 JS Linter와 Formatter
말 안 듣는 this, Typescript Custom ESLint Rule로 혼내주기
NestJS 서버에서 `this` 바인딩 실수를 줄이기 위해 TypeScript Custom ESLint Rule을 만들려는 사례입니다.정적 분석으로 특정 `this` 버그를 사전에 막는 방향을 다룹니다.
#TypeScript#ESLint#NestJS
2200
Github Action을 활용한 소스 안정성 개선
GitHub Action으로 lint, conflict, build 실패를 자동 점검하고 Slack 알림으로 공론화하는 방법을 소개했습니다. 배포 전 소스 안정성을 높이기 위한 Workflow 구성과 적용 사례를 설명했습니다.
#GitHub Actions#ESLint#Slack
3500
