Biome

Biome Biome은 JavaScript, TypeScript, JSX, TSX, JSON, CSS, GraphQL 등 다양한 웹 개발 언어를 위한 빠른 포매터이자 린터이다. Rust로 작성되어 높은 성능을 자랑하며, Prettier와 97% 호환성을 제공한다. 주요 기능 코드 포매팅(Formatting) 일관된 코드 스타일을 자동으로 적용한다. 들여쓰기, 줄 바꿈, 공백 처리 등을 자동으로 조정한다. Prettier와 유사한 결과물을 생성하지만 훨씬 빠른 속도를 보여준다. 린팅(Linting) 코드의 잠재적 문제를 미리 발견한다. 보안 취약점, 성능 이슈, 코드 스타일 위반 등을 검사한다. ESLint의 대부분의 규칙을 지원하면서도 더 빠른 처리 속도를 제공한다. 구문 분석(Parser) ...

November 21, 2024 · 2 min · Me

eslint

Eslint 2013년 Nicholas C. Zakas가 만든 JavaScript 코드 분석 도구로, 코드의 품질을 향상시키고 잠재적인 문제를 미리 발견하는 것이 주요 목적이다. 정적 코드 분석을 통해 문법 오류부터 코딩 스타일까지 다양한 측면을 검사할 수 있다. 2023년 11월 3일 금요일에 릴리즈된 ESLint 8.53.0 버전에서 포맷팅 규칙이 공식적으로 폐기됨. 포맷팅 규칙은 띄어쓰기, 세미콜론, 문자열 형식 등을 아우르는 코드 컨벤션을 강화시켜 주는 규칙을 의미한다. 주요 특징 규칙 시스템 ESLint는 매우 유연한 규칙 시스템을 가지고 있다. 각 규칙은 세 가지 수준으로 설정할 수 있다: ...

November 21, 2024 · 3 min · Me

prettier

Prettier Prettier는 2017년에 출시된 “독선적인(Opinionated)” 코드 포매터. “독선적"이라는 의미는 코드 스타일에 대한 대부분의 결정을 Prettier가 자체적으로 내린다는 뜻. 이는 개발자들 사이의 코드 스타일 논쟁을 줄이고, 일관된 코드베이스를 유지하는 데 큰 도움을 준다. 주요 특징과 장점 광범위한 언어 지원 Prettier는 다음과 같은 다양한 언어와 파일 형식을 지원한다: JavaScript/TypeScript JSX/TSX CSS/SCSS/Less HTML JSON Markdown YAML GraphQL 최소한의 설정 Prettier는 설정 옵션을 의도적으로 제한적으로 제공한다. 이는 다음과 같은 이점이 있다: 팀 내 코드 스타일 논쟁 감소 설정 파일 관리의 단순화 프로젝트 간 일관성 유지 용이 자동 코드 재정렬 Prettier는 AST(추상 구문 트리)를 사용하여 코드를 완전히 재구성한다: ...

November 21, 2024 · 3 min · Me