2025-08-07 12:48

Tags: 자바스크립트 타입스크립트 리액트 넥스트

Prettier

• 코드 스타일 논쟁 제거 및 일관된 코드 포맷팅 자동화
• 의견 기반 코드 포매터
• 파서 → AST → 프린터 구조
  1. 파서(Parser)
     • 입력된 코드를 언어별 문법에 맞춰 토큰화 및 AST(Abstract Syntax Tree)로 변환
  2. AST 포맷팅
     • 트리 탐색을 통해 줄 길이, 들여쓰기, 공백 옵션 등을 고려해 재배치
  3. 프린터(Printer)
     • 재구성된 AST를 텍스트로 출력하며, 프린터 규칙에 따라 자동 줄바꿈 및 여백 삽입
• VS 코드의 확장 프로그램과 settings.json 사용해서 자동 포맷팅도 가능
• ESlint와 사용시 중복되거나 오류 날 수 있으므로 간단한 프로젝트의 경우 Prettier 위주로만 통일해도 충분

References

ESlint

Prettier 핸드북 Prettier와 ESLint 비교 분석 및 통합 가이드

https://prettier.io/docs/why-prettier