[오류해결] VSCode Formatting 작동 안 함 (feat. vscode 초기화)

🚫 문제

vscode를 사용하고 있는데 갑자기 vscode 저장 버튼을 눌러도 formatting이 작동하지 않기 시작했다. 해당 기능이 없으면 코드 작성 및 협업에 어려움이 있어 이 문제를 반드시 해결해야 했다.

🚀 해결 시도

1. 해당 문제 검색 결과 default formatter 또는 Format on save 옵션이 빠져서 그럴 확률이 높다고 하여 확인해보았지만, 두 설정은 아래와 같이 잘 되어있었다.

default formatter - biome
Format on save - check

2. 내 경우 초기 설정에서 잘못했는지, biome과 prettier 둘 다 설정이 되어있길래 settings.json에서 prettier 관련 속성은 전부 제거하고, biome 속성만 남겼다. 하지만 이렇게 해도 문제가 해결되지 않았다.

3. 여러 옵션들을 만져보았지만 결국 해결 방법을 찾지 못해 vscode를 초기화하기로 결정했다.

🧐 원인

특별히 속성을 건드리진 않은 것 같은데, 며칠 전에 이것저것 Extension을 잔뜩 받았던 기억이 있다. 지금까지도 정확한 원인은 파악하지 못했지만 Extension끼리 충돌로 인한 것으로 추정하고 있다...

✅ 해결

VSCode 초기화 방법은 아래 블로그를 참고했다. (mac 기준)
https://stdhsw.tistory.com/entry/macOS%EC%97%90-%EC%84%A4%EC%B9%98%EB%90%9C-vscode-%EC%B4%88%EA%B8%B0%ED%99%94-%EB%B0%A9%EB%B2%95

1. 터미널을 열어서 아래 명령어를 순서대로 실행

$ rm -rf ~/Library/Application\ Support/Code
$ rm -rf ~/Library/Caches/com.microsoft.VSCode
$ rm -rf ~/Library/Saved\ Application\ State/com.microsoft.VSCode.savedState
$ rm -rf ~/.vscode/extensions

2. 혹시 Dock에 해당 메뉴가 있다면 여기서도 제거해주자
   

3. VSCode 사이트에 접속해서 새로 다운을 받아준다
   https://code.visualstudio.com/

4. 그리고 혹시 몰라서 기존 작업 폴더는 지우고 github에서 작업 폴더를 다시 git clone 해와서 열었다

   
   그 결과 기존 extension 53개가 초기화 됨을 확인할 수 있다. (오른쪽 사진의 3개는 초기화 후 설치한 extension임)