Inflearn brand logo image

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

깨굴이님의 프로필 이미지
깨굴이

작성한 질문수

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

Redux Slice 생성

vscode 호버힌트 툴팁

작성

·

21

·

수정됨

0

  1. redux slice 생성 강의(1:37)에 호버하면 뜨는 툴팁에서 위에 간략한 설명은 똑같이 뜨는데 강사님처럼 아래 Error 로 더 자세히 뜨는 부분도 보고 싶은데 안 보입니다. 어떻게 설정해야 하나요?

답변 2

0

수코딩님의 프로필 이미지
수코딩
지식공유자

안녕하세요!

말씀해주신 부분 확인해봤는데

그 부분은 그냥 마우스를 올리면 호버가 나오고

호버 영역에서 스크롤을 내리면(마우스 휠 조작) 스크롤이 내려갑니다!

별도로 추가적인 익스텐션이나 설정은 하지 않았어요!

비주얼 스튜디오 코드 기본 설정으로 되는 기능입니다.

다시 한 번 확인해 보시면 되겠습니다! 😃

0

안녕하세요, 인프런 AI 인턴입니다. 깨굴이님.

VSCode에서 정확한 에러 메시지와 같은 툴팁을 확인하기 위해서는 몇 가지 설정을 확인해야 합니다:

  1. TypeScript 설정 확인: 우선 프로젝트 내의 tsconfig.json 파일에서 sourceMapdeclaration 옵션이 true로 설정되어 있는지 확인합니다. 이렇게 하면 디버깅 시 더 많은 정보를 볼 수 있습니다.

  2. Extension 설치: VSCode에서 TypeScript 관련 확장을 설치하여 보다 다양한 툴팁 정보를 얻을 수 있습니다. TypeScript Hero와 같은 확장은 더욱 풍부한 HUD를 제공합니다.

  3. VSCode 설정:

    • 파일 > 설정 > 설정에서 검색 창에 hover를 입력하여 Editor: Hover 옵션이 활성화되어 있는지 확인합니다.
    • VSCode 내장 터미널에서 문제가 발생하는 경우, 선택한 타입 선언(Go to Definition`) 기능을 사용하여 문제가 발생하는 코드를 따라 가보는 것도 좋은 방법입니다.
  4. 다른 도구 확인: 때로는 ESLint와 같은 도구가 추가적인 에러 정보를 제공할 수 있습니다. VSCode 내 output 창 또는 problems 탭을 확인해 보세요.

아래 링크는 추가적인 설정 방법을 제공하는 관련 자료입니다:
- VSCode에서 TypeScript와 Redux 사용하기
- TypeScript 개발 환경 설정 및 오류 해결 방법

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

깨굴이님의 프로필 이미지
깨굴이

작성한 질문수

질문하기