데브허브 | DEVHUB | Saying Goodbye To ESLINT and PrettierSaying Goodbye To ESLINT and Prettier
- Prettier와 ESLint는 JavaScript/TypeScript 프로젝트의 필수 도구였지만, JavaScript 기반으로 인한 성능 저하와 복잡한 설정(특히 ESLint의 "PTSD" 유발) 문제가 있었습니다. 🐢
- Biome은 포매터와 린터 기능을 통합한 새로운 도구로, Rust로 작성되어 기존 도구보다 훨씬 빠른 성능을 제공합니다. 🚀
- Biome은
biome.json 파일 하나로 ESLint와 Prettier의 설정을 대체하여, 설정 과정을 크게 단순화하고 깔끔한 구성을 가능하게 합니다. 🧹
- Prettier의 일관성 없는 포맷팅(예: 계산된 키의 괄호 처리, non-null assertion) 문제를 Biome이 더 정확하게 처리합니다. ✨
- ESLint처럼 코드 품질 향상에 도움을 주면서도, 복잡한 플러그인 설정 없이 "설치하면 바로 작동하는" 경험을 제공합니다. 🧑💻
- 들여쓰기 스타일, 줄 너비, 따옴표 스타일, 세미콜론 사용 여부 등 다양한 포맷팅 옵션을 쉽게 설정할 수 있으며, 권장 린터 규칙은 매우 효과적입니다. ⚙️
use sorted classes 기능을 통해 Tailwind CSS 클래스 정렬을 지원하여 개발 편의성을 높입니다 (현재 nursery 단계). 🎨
- 아직 HTML 지원이 없어 Svelte나 Astro 사용자에게는 제한적이며, JS Doc, Markdown, 플러그인 시스템은 로드맵에 있습니다. 🚧
- OXC와 같은 다른 Rust 기반 도구도 있지만, Biome은 더 넓은 범위의 언어 지원(HTML, CSS 등)을 목표로 하고 있어 범용성이 더 높을 것으로 기대됩니다. 🌐
- 발표자는 Biome이 기존 도구의 "지연" 문제를 해결하고, 설정의 복잡성을 없애주어 개발 경험을 크게 향상시켰다고 평가합니다. 👍