prettier

[Next.js] Next.js에 Prettier 적용하기

1. Prettier 설치 npm install --save-dev prettier   2. .prettierrc.js 파일 추가module.exports = { semi: false, singleQuote: true, trailingComma: 'all',}semi: 세미콜론(;) 추가 여부, Next.JS는 기본적으로 세미콜론을 사용하지 않는다.singleQuote: 작은 따옴표(') 사용 여부, Next.JS는 기본적으로 작은 따옴표를 사용한다.trailingComma: 변경 사항을 최소화를 위해, 콤마(,)를 추가할 수 있으면 마지막에 콤마를 추가   3. 스크립트 설정 (package.json) "scripts": { … "format": "prettier --check --igno..

VSCode Prettier 특정 파일 적용 오류

VSCode로 작업할 때, 갑자기 어느 순간 Prettier이 적용이 안될 때가 있다. 검색하면 주로 나오는 해결 방법들. Default Formatter 설정 Format On Save 설정 Setting.json에서 위의 두 가지 설정 확인 구글링을 해보니 이 세 가지 방법이면 대부분의 오류는 해결이 되는 것 같다. 본 글에서는 내가 겪은 오류, Prettier이 특정 파일에서만 적용이 안되는 경우에 대해 말해보려고 한다. 특히 저장을 눌렀을 때 다음과 같이 뜬다면 오류가 뜬 Prettier을 눌러보자. Prettier을 누르면 위와 같이 로그가 나오고, 나의 경우 코드 내에서 태그 오류가 있음을 확인할 수 있다. 태그 오류를 수정하니 Prettier이 정상적으로 작동하였다. Live Server로 ..