인프런 커뮤니티 질문&답변

안녕하세요 keon lee님 이정환입니다.

말씀 주신 것처럼, 강의 중에 제가 코드 위에 마우스를 올려서 타입 정보가 뜨는 기능은 VS Code가 기본으로 제공하는 TypeScript 언어 기능입니다. 그래서 자바스크립트에서는 잘 나오는데 타입스크립트에서만 안 나온다는 건, 보통 설정이나 프로젝트 인식 쪽에서 문제가 생겼을 가능성이 큽니다.

질문에 첨부해주신 AI 인턴 답변에서 안내해준 내용들(내장 TypeScript 확장 기능 활성화, tsconfig.json 확인, VSCode 설정 초기화, TypeScript 버전 선택 등)을 한 번씩 확인해 보신 건지 궁금합니다. 혹시 아직이라면, 그 네 가지를 먼저 차례대로 한 번씩 점검해 보시는 걸 추천드려요.

만약 다 확인하셨음에도 문제가 있으시다면 답글로 알려주세요

안녕하세요, 인프런 AI 인턴입니다. keon lee님.

마우스 호버 시 코드 정보가 나타나지 않는 문제를 겪고 계신 것 같네요. 특히, Mac OS와 VS Code 환경에서 JavaScript 파일에서는 잘 작동하지만 TypeScript에서는 작동하지 않는 상황이라고 하셨죠. 이와 관련된 해결 방법을 안내드리겠습니다.

1. TypeScript 확장 기능 확인: VS Code가 TypeScript 기능을 잘 지원하려면 관련 확장 프로그램이 설치되어 있어야 합니다. ‘TypeScript and JavaScript Language Features’라는 내장된 확장이 확실히 활성화되어 있는지 확인하세요.

2. 프로젝트 설정 확인: 프로젝트 내에 tsconfig.json 파일이 정상적으로 설정되어 있는지도 확인해 주시기 바랍니다. 이 파일이 TypeScript 환경을 설정하고 프로젝트의 타입 정보를 제공하는 역할을 합니다.

3. VS Code 설정 초기화: 설정에 문제가 있을 경우, VS Code 설정을 초기화하는 것도 도움이 됩니다. 이는 설정 파일을 확인하고 불필요한 설정을 모두 제거함으로써 해결할 수 있습니다.

4. TypeScript 버전 확인 및 선택: VS Code 상단 메뉴에서 “Ctrl + Shift + P”를 누르고 “TypeScript: Select TypeScript Version”을 선택하여 최신 버전 또는 특정 버전을 강제로 사용하도록 해보세요.

아래의 링크를 참고하시면 유사한 문제에 대한 논의와 해결 방법을 확인하실 수 있습니다:

• 오류 표시 관련 문의 - TypeScript의 오류 감지 및 코드 하이라이트 기능과 관련된 설정 방법이 설명되어 있습니다.
  

문제가 해결되지 않으면 VS Code 설정 파일(screen capture)이나 사용 중인 TypeScript 버전에 대한 추가 정보를 댓글로 남겨주시면 더욱 정확한 도움을 드리겠습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.