Biome은 ESLint와 Prettier의 기능을 통합하여 더 빠르고 쉽게 설정 및 사용할 수 있는 차세대 린터 및 포매터입니다. 🤝
기존 도구에 비해 설정이 간편하고 성능이 훨씬 빠르다는 장점이 있지만, 비교적 새로운 도구라 플러그인 지원이 적다는 단점이 있습니다. ⚡
프로젝트에 Biome을 추가하려면 개발 의존성으로 설치하고 npx biome init 명령어로 초기화하여 biome.json 설정 파일을 생성합니다. 📦
Biome은 format (포매팅), lint (린팅), check (포매팅, 린팅, import 정리 통합) 세 가지 주요 명령어를 제공합니다. 🛠️
biome.json 파일에서 vcs.enabled: true 및 vcs.useIgnoredFile: true 설정을 통해 .gitignore 파일을 활용하여 버전 관리 시스템과 통합하고 불필요한 파일(예: node_modules, build)을 린팅/포매팅에서 제외할 수 있습니다. 🌳
VS Code와 같은 에디터에 Biome을 통합하려면 Biome 확장 프로그램을 설치하고, 기본 포매터로 설정하며, 저장 시 자동 포매팅 및 코드 액션(예: source.fixAll.biome, source.organizeImports.biome)을 활성화해야 합니다. 💻
biome.json 파일에서 formatter, linter, assist 섹션을 통해 상세 설정을 할 수 있으며, 특정 언어(예: JavaScript)에 대한 포매팅 규칙(예: 세미콜론 사용 여부)을 개별적으로 정의할 수 있습니다. 📝
린터 규칙은 접근성, 복잡성, 정확성 등 다양한 카테고리로 분류되어 있으며, 각 규칙의 심각도(예: error, warning)를 설정하여 빌드 실패 여부 등을 제어할 수 있습니다. 🚨
assist 섹션은 import 정리와 같이 코드의 의미나 스타일을 변경하지 않으면서 코드를 수정하는 다양한 자동화된 액션을 구성하는 데 사용됩니다. ✨