이 VS 코드 커스텀 콤보가 켜졌습니다! 🔥

몇 시간 동안 코딩을 하다 보면 모니터 앞에 오랫동안 앉아 있으면 지루할 수도 있습니다. 그리고 VS Code 내에서 사용자 정의를 원할 것입니다.

그렇기 때문에 이 기사에서는 생산성을 위해 VS Code에 대한 몇 가지 인기 있는 유행 관습에 대해 논의할 것입니다! 🚀

1. 카스카디아 코드(FONT)

이것은 제가 가장 좋아하는 글꼴 모음 중 하나이며 최근에 이 글꼴도 조용히 인기를 얻고 있는 것을 보았습니다.
vs code에서 cascadia 코드를 기본 글꼴 패밀리로 만들려면 다음 단계를 따르세요.

VS Code에서 설정 열기

검색창에서 font를 검색하세요.

아래 그림과 같이 cascadia code에 font family를 추가합니다.

microsoft 에서 Cascadia Code 글꼴 패밀리를 설치해야 하므로 여전히 변경 사항을 알 수 없습니다.


이제 다운로드한 파일을 추출하고 추출된 파일에서 ttf 폴더를 열고 다음 파일을 열어 글꼴을 설치합니다.


그게 다야 ⚡, 이제 VS Code를 다시 열면 이 글꼴 패밀리를 정말 좋아하게 될 것입니다. 맹세합니다.

💡 참고: 우연히 글꼴 모음이 적용되지 않으면 PC를 한 번 다시 시작하십시오. 99%의 경우 PC를 다시 시작할 필요가 없지만 문제가 발생한 경우 PC를 다시 시작하면 글꼴이 적용됩니다!

2. 글꼴 합자(FONT STYLE)

다음 코드를 작성하는 사람을 볼 수 있습니다.
화살표 함수는 다음과 같습니다.



삼중 등호(===)는 다음과 같습니다.



정말 멋져요!✨ 이 모든 것은 글꼴 합자로 인해 발생합니다. 이렇게 쓰고 싶나요? 이를 위해 다음을 수행해야 합니다.

VS Code에서 settings를 엽니다. 그리고 검색창에 font를 검색하면 다음과 같은 결과가 나옵니다.

해당 탭을 클릭하면 settings.json 파일이 열리고 다음과 같이 변경됩니다.
처음에는

"editor.fontLigatures": false,

false를 true로 바꾸면 모두 완료됩니다! 이 효과는 편집기에 즉시 적용됩니다.

"editor.fontLigatures": true,

3. 에디터 테마

개인적으로 Cobalt2 을 즐겨 사용하는데 VS Code Marketplace 에도 좋은 테마가 많아서 오래도록 사용하고 있습니다

Material theme , JellyFish theme 또는 Github theme 등을 시도할 수도 있습니다.

결론:

위의 권장사항을 모두 적용했을 때의 샘플 코드는 다음과 같습니다.

Hit like if you really like this article and feel free to ask queries in comment section. 🙏