Prettier는 코드를 자동으로 포맷팅하여 일관된 스타일을 유지해주는 도구로, 효과적으로 사용하기 위해서는 몇 가지 규칙을 준수해야 합니다. 이 포스트에서는 Quicksort 알고리즘을 예시로 들어 Prettier를 사용하여 코드 작성 시 일관적인 스타일을 적용하는 방법에 대해 살펴보겠습니다.

Prettier 설치와 설정

Prettier를 사용하기 전에 먼저 해당 프로젝트에 Prettier를 설치해야 합니다. 프로젝트 루트 디렉토리에서 다음 명령어를 실행하여 설치합니다.

npm install --save-dev prettier

설치가 완료되면 프로젝트 루트에 .prettierrc 파일을 생성하여 Prettier의 설정을 지정할 수 있습니다. 예를 들어, 다음과 같은 설정을 추가하여 들여쓰기 규칙과 코드 폭을 지정할 수 있습니다.

{
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 80
}

Quicksort 코드 작성

Quicksort 알고리즘을 작성할 때 Prettier를 적용하려면 다음과 같은 단계를 따릅니다.

1. 들여쓰기 규칙 준수: Prettier는 들여쓰기 스타일을 일관되게 유지합니다. 적절한 들여쓰기로 함수 본문을 작성하세요.

2. 세미콜론 사용: Prettier 설정에 따라 세미콜론을 추가하거나 제거합니다. 설정에 따라 세미콜론을 사용하고 있는지 확인하세요.

3. 단일 따옴표 사용: Prettier는 문자열을 작은 따옴표나 큰 따옴표 중 하나로 일관되게 유지합니다. 설정에 따라 코드에서 단일 따옴표를 사용하도록 작성하세요.

Prettier 적용 및 코드 포매팅

작성한 코드에 Prettier를 적용하기 전에 .prettierrc에 지정한 설정을 확인하고, Prettier가 적용되는지 확인해야 합니다.

프로젝트 루트에서 다음 명령어로 Prettier를 실행하여 코드를 자동으로 포맷팅합니다.

npx prettier --write .

위 명령어는 프로젝트 전체에 Prettier를 적용하여 코드를 일관된 스타일로 포맷팅합니다.

이제 Quicksort 알고리즘 코드를 작성하고 Prettier를 사용하여 일관적인 코드 스타일을 유지하는 방법에 대해 알아보았습니다. Prettier를 사용하면 코드 작성 시 일관된 스타일을 적용할 수 있어 팀 전체의 코드 품질을 향상시킬 수 있습니다.