Prettier 구성

Apr 23, 2026 updated Apr 23, 2026 eslint prettier typescript

이 챕터에서는 code formatter 중 하나인 prettier의 설정을 다룹니다.

Terminal

npm install prettier eslint-config-prettier eslint-plugin-prettier -D

prettier

일관성 있는 코드를 위한 코드 포맷팅 패키지

eslint-config-prettier

불필요하거나 prettier와 충돌이 발생할 수 있는 eslint 규칙을 비활성화하는 패키지

eslint-plugin-prettier

eslint 규칙으로로 prettier로 동작하도록 하는 패키지
ROOT

프리티어 설정의 경우 사용자의 기호에 맞게 커스텀하여도 무관합니다.

// .prettierrc { "printWidth": 80, "trailingComma": "es5", "tabWidth": 2, "semi": true, "singleQuote": true, "bracketSpacing": true, "jsxBracketSameLine": false, "arrowParens": "avoid", "useTabs": false, "parser": "typescript" }