Biome이란?

Biome는 차세대 JavaScript/TypeScript용 Linter 및 Formatter입니다. 기존의 ESLint + Prettier 조합을 대체할 수 있는 도구로, 빠른 속도와 간결한 설정을 강점으로 내세웁니다.

대표적인 장점은 다음과 같습니다:

• 빠른 속도 (Rust 기반)
• 간결한 설정 (별도 config 병합 필요 없음)
• Formatter + Linter 통합 지원

Biome의 한계: TailwindCSS와의 통합 부족

TailwindCSS를 사용하는 프로젝트에서 가장 크게 느낀 문제는 클래스 정렬 미지원입니다.

Biome에서 제공하는 useSortedClasses

공식적으로 클래스 정렬을 위한 useSortedClasses 룰을 제공하긴 합니다. 그러나 공식 문서에 따르면 "Work In Progress", 즉 아직 개발 중인 기능입니다. 현재 시점에서는 실사용에 적합하지 않은 것으로 보입니다.

이로 인해 다음과 같은 불편이 발생합니다:

• Tailwind 클래스가 무작위 순서로 작성되어 가독성이 현저히 떨어짐
• 팀원 간 코드 스타일 차이 발생
• Tailwind에 익숙하지 않은 개발자 입장에서 클래스 의미 파악이 어려워짐

🔁 ESLint + Prettier로의 전환

Tailwind 환경에서는 오히려 기존 조합인 ESLint + Prettier + prettier-plugin-tailwindcss가 더 실용적이라는 판단이 들었습니다.