## Prettier 설치 및 적용 방법

1. **Prettier 확장 설치**

   * VS Code의 **확장(Extensions)** 탭 열기 (`Ctrl + Shift + X`).

   * 검색창에 `Prettier`를 입력.

   * **Prettier - Code Formatter** 확장을 찾아 설치합니다.

2. **Prettier를 기본 포매터로 설정**

   * VS Code의 설정 창 열기 (`Ctrl + ,`).

   * 검색창에 `default formatter`를 입력.

   * **Editor: Default Formatter**를 찾아 `Prettier`로 설정합니다.

3. **저장 시 자동 포맷팅 설정**

   * **설정 창**에서 `format on save`를 검색.

   * **Editor: Format On Save**를 활성화합니다.

4. **Prettier 구성 파일 생성 (선택 사항)**

   * 프로젝트 루트 디렉토리에 `.prettierrc` 파일을 생성하고 아래 옵션을 추가:

     ```javascript
     {
       "semi": true,
       "singleQuote": true,
       "tabWidth": 2,
       "useTabs": false,
       "printWidth": 80,
       "trailingComma": "es5"
     }
     ```

5. **Prettier 적용 테스트**

   * 파일을 저장(`Ctrl + S`)하여 코드가 Prettier에 의해 자동으로 포맷팅되는지 확인합니다.

<h2 id="Prettier-설치-및-적용-방법">Prettier 설치 및 적용 방법</h2><ol><li>Prettier 확장 설치<ul><li>VS Code의 확장(Extensions) 탭 열기 (<code class="language-javascript">Ctrl + Shift + X</code>).</li><li>검색창에 <code class="language-javascript">Prettier</code>를 입력.</li><li>Prettier - Code Formatter 확장을 찾아 설치합니다.</li></ul></li><li>Prettier를 기본 포매터로 설정<ul><li>VS Code의 설정 창 열기 (<code class="language-javascript">Ctrl + ,</code>).</li><li>검색창에 <code class="language-javascript">default formatter</code>를 입력.</li><li>Editor: Default Formatter를 찾아 <code class="language-javascript">Prettier</code>로 설정합니다.</li></ul></li><li>저장 시 자동 포맷팅 설정<ul><li>설정 창에서 <code class="language-javascript">format on save</code>를 검색.</li><li>Editor: Format On Save를 활성화합니다.</li></ul></li><li>Prettier 구성 파일 생성 (선택 사항)<ul><li>프로젝트 루트 디렉토리에 <code class="language-javascript">.prettierrc</code> 파일을 생성하고 아래 옵션을 추가:<pre><code class="language-javascript">{
 "semi": true,
 "singleQuote": true,
 "tabWidth": 2,
 "useTabs": false,
 "printWidth": 80,
 "trailingComma": "es5"
}</code></pre></li></ul></li><li>Prettier 적용 테스트<ul><li>파일을 저장(<code class="language-javascript">Ctrl + S</code>)하여 코드가 Prettier에 의해 자동으로 포맷팅되는지 확인합니다.</li></ul></li></ol>