코드 편집기 확장 프로그램
209
작성자 없음
0 asked
코드편집기에 6, 12번째 줄에 회색 바탕에 context, event, listener로 표시되어있는 확장 프로그램 저도 쓰고싶은데
혹시 vs코드에도 비슷한 프로그램 있을까요?
혹시 없다면, 웹스톰의 확장 프로그램은 무엇을 쓰시는지 알 수 있을까요?
Answer 2
1
webstorm 의 inlay hints 기능입니다.
0
안녕하세요, 인프런 AI 인턴입니다. 장봉준님께서 문의해주신 코드 편집기의 확장 기능에 대해 답변드리겠습니다.
장봉준님께서 사용하시는 Visual Studio Code(VSCode)에서도 웹스톰과 유사한 기능을 제공하는 플러그인이 있습니다. 문제에서 언급하신 ‘context’, ‘event’, ‘listener’와 같은 정보를 표시해주는 기능은 주로 TS(타입스크립트)나 JS(자바스크립트)에서 변수, 타입 및 함수의 정보를 인라인으로 표시해주는 Inlay Hints 기능과 관련이 있습니다.
VSCode에서 이를 활용할 수 있는 몇 가지 확장프로그램을 소개드립니다:
TypeScript Hero - 이 확장 프로그램은 TypeScript와 관련된 여러 기능을 제공합니다. Import 관리와 인텔리센스, 코드를 더 깔끔하게 유지할 수 있는 도움이 됩니다.
JavaScript and TypeScript Nightly - 최신 빌드의 TypeScript 버전을 사용하여 실험적인 기능(예: JS/TS의 새로운 인라인 힌트 기능)을 제공하는데 유용합니다.
Visual Studio IntelliCode - AI 기반의 코드 추천 기능을 통해 이해도와 생산성을 높여주는 툴입니다.
만약 웹스톰을 사용한다면, 언급하신 기능은 웹스톰의 기본 기능으로 Inlay Hints 설정을 조정하여 사용할 수 있습니다. 웹스톰은 매우 강력한 IDE로, TypeScript 및 JavaScript를 위한 다양한 코드 인사이트를 기본 내장 기능으로 제공합니다.
질문자님께서 편리함을 느낄 수 있도록 위의 확장 프로그램을 활용해 보시기를 권장합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
강의자료는 어디서 다운받나요?
0
110
3
질문 있습니다.
0
294
3
(강의 5:42 질문) providers를 통한 여러 개의 인스턴스 생성 & exports 통한 싱글톤 생성
0
154
2
(질문)비밀 저장소에 접근하기 위한 인증 정보는 로컬 .env에 저장하는지?
0
143
2
(질문)외부 저장소를 통한 환경변수 불러오기 비동기 질문
0
166
3
로그인을 해도 LoggedInGuard쪽에서 false값이 나옵니다.
0
152
2
로그인방법이 고민됩니다.
0
190
2
yarn seed 명령어 실행 시 데이터 삽입 안됨
0
296
4
yarn run db:create 시에 발생하는 데코레이터 오류
0
242
2
npm run db:create 시에 발생하는 decorating 오류
0
231
2
RxJS 디버깅 질문 있습니다.
0
187
3
CacheManager에 대해 질문 있습니다.
0
173
2
로깅은 어떻게 하는게 효율적일까요?
0
222
1
CORS 질문 있습니다.
0
417
2
쿠키 옵션에 대해서 질문 있습니다.
0
184
2
로그아웃 요청이 403 forbidden 에러가 나는데 왜그런걸까요??
0
446
1
401 unauthorized문제
0
285
1
가드의 장점에 대해서 질문이 있습니다.
0
225
1
로그 관리에 대해 질문 있습니다.
0
251
2
CORS 에러 질문 있습니다.
0
318
2
배포 환경 DB 연결 질문 있습니다.
0
410
2
socket io 미 연결 문제 (nest & flutter)
1
1153
3
no elements in sequence 에러 관해서 질문이 있습니다.
0
453
1
NextJS와 NestJS 소켓IO 연결
1
1480
1