VSCode

오류 발생 VSCode에서 Typescript로 작성된 테스트코드에 붉은 밑줄이 그어지며 오류 메시지가 나타났다. 참고로 yarn test 같은 테스트 실행 명령어로 동작은 잘 되는 상태였다. 오류 상세 Cannot find name 'test'. Do you need to install type definitions for a test runner? Try `npm i --save-dev @types/jest` or `npm i --save-dev @types/mocha`.ts(2582) 원인 분석 VSCode에서 Jest의 타입을 불러오지 못해서 발생한 오류였다. 해결 방법 해결방법은 tsconfig.json 파일에 아래와 같이 "@types/jest"를 추가한다. 물론 tsconfig..

오류 발생 테스트코드를 작성했는데 VSCode에서 아래의 오류 상세처럼 'test' is not defined.라는 eslint의 no-undef유형의 오류가 발생했다. 오류 상세 원인 분석 ESLint의 설정 파일에 Jest와 관련된 설정들이 추가되어있지 않아서 발생한 문제이다. 해결 방법 .eslintrc.cjs파일에 다음과 같이 "jest/globals"설정 값을 추가하면 오류메시지가 더 이상 나타나지 않는다. module.exports = { ...생략... env: { ..., "jest/globals": true, }, ...생략... } 참고 자료 https://stackoverflow.com/questions/55807824/describe-is-not-defined-when..

오류 발생 VSCode에서 Typecript + React 환경으로 개발을 하던 중 에디터에 React 컴포넌트에 붉은줄이 마구 생기면서 아래와 같은 오류가 발생했다. 딱히 건드린 코드가 없는데 갑자기 발생한 오류라 당황스러웠다. 오류 상세 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead. 원인 분석 React 16에서 React 17로 넘어가면서 JSX Transformation 방식이 변했는데 이로 인해 발생하는 문제라고 한다. React 17에서 Transformation과 관련해 변경된 부분은 2가지이다. 첫 번째는 기존에는 React 컴포넌트 코드에 i..

새 폴더, 파일 생성 단축키 만들기. 매번 마우스로 우클릭해서 만드는게 번거로워서 단축키를 설정하게 되었다. 새로 만들 단축키 리스트 탐색기에 선택된 디렉토리에 파일 생성하기 : cmd + n 탐색기에 선택된 디렉토리에 폴더 생성하기 : cmd + f 탐색기로 포커스 이동하기 : cmd + shift + e (이건 기본값으로 설정되어 있다) 단축키 설정하기 Mac 기준으로 설명. Windows 의 경우 cmd를 Ctrl 키로 적용하면 동일한 과정으로 진행이 가능하다. cmd+shift+p를 누르고 Preferences:Open Keyboard Shortcuts(JSON)를 검색해서 파일을 엽니다. 아래 코드를 추가합니다. 속성에 대한 설명 key : 설정할 단축키 command : 액션 when : 단축..