[VSCode] 확장 프로그램 추천 - Toggle JS & TS inlayHints (타입 체크 가능 마우스 움직이는 시간 단축 가능)

VSCode에서 JetBrains IDE의 InlayHints 기능을 사용할 수 있습니다. 이 기능을 알기 전에는 그 용어도 몰랐고, 웹스톰과 인텔리제이에서 이 기능을 보면서 “와, 타입이 나오네, 부럽다…“라고 생각만 했습니다. 정확히 어떻게 알게 되었는지는 기억나지 않지만, 유튜브 영상을 보다가 알게 되었을지도 모릅니다. 어쨌든 이 기능을 알게 되어 기쁩니다.

 

생각해 보니 현재는 사용하고 있지 않지만, 코드량이 많아지면서 익숙하지 않아 빨리 껐던 것 같습니다. 이번에 다시 사용해보려고 합니다.

 

 

Toggle JS & TS inlayHints 설치 방법

Toggle JS & TS inlayHints 확장 프로그램을 설치합니다.

InlayHints로 검색하면 여러 확장 프로그램이 나오는데, Javascript와 Typescript를 지원하는 확장 프로그램은 이 하나뿐입니다.

만약 다른 더 좋은 확장 프로그램이 있다면 알려주세요!

다른 것들은 PHP, Python 등 다른 언어를 지원하는 확장 프로그램으로 보입니다.

 

Toggle JS & TS inlayHints

 

Toggle JS & TS inlayHints 사용 방법

1. 설치 후 Ctrl + Shift + P를 눌러 Toggle Inlay hints를 검색합니다.

 

사용하기 전 (Toggle Off)

사용 후 (Toggle On)

 

사용하기 전과 후의 차이를 보면서 익숙해지면 좋을 것 같습니다.

더 좋은 확장 프로그램과 생산성 향상을 위한 더 좋은 팁이 있다면 알려주세요!

 

Inlay hints란?

프로그래밍, 특히 코드 편집기나 IDE(통합 개발 환경)에서 사용되는 기능입니다.

코드에 주석처럼 나타나서 변수 타입, 함수 반환 타입, 함수 매개변수 이름 등의 정보를 제공해 줍니다.

이 기능은 코드 이해를 도와주고, 코드 작성 중 오류를 줄이는데 도움이 됩니다.