반응형

vscode 3

VSCode에서 JavaScript CommonJS의 export 객체 속성들 <Find Reference>에 검색되지 않는 문제

문제 JavaScript에서 CommonJS 형식인 module.exports를 통해 객체를 export할 수 있습니다. 아래 코드는 math.js 내의 산술연산 함수들을 export하고 있습니다. 그리고 math.js의 함수를 사용하는 index.js 가 있습니다. 지금 상황에서는 index.js가 math.js의 sum과 subtract 함수를 import 하여 사용하고 있는데요, 만약, 다양한 코드 영역에서 sum 함수를 import하여 사용하고 있을 때, sum 함수를 참조하고 있는 모든 영역을 찾고 싶을 때 어떻게 해야 할까요? VSCode에서는 기능을 통해 선택한 속성을 참조하는 코드 영역을 모두 찾아줍니다. 그런데, 위 코드처럼 CommonJS 형식으로 export한 속성들은 같은 파일 내에..

VS Code에서 타입스크립트 디버깅하는 법

[개발환경] Node.js 버전: 12.14.0 VS Code 버전: 1.47.2 타입스크립트 버전: 3.9.5 [사전조건] 타입스크립트가 글로벌 모드로 설치되어 있어야 한다. npm install -g typescript [작업순서] 타입스크립트 프로젝트를 위한 폴더를 생성한다. (예시: tsc_deb_001) npm init -y tsc -init tsconfig.json에서 다음 항목을 수정한다. (sourceRoot는 주석처리) { "compilerOptions":{ "target": "ES2019", "sourceMap": true, "rootDir": "./" } } 루트 폴더에 app.ts 파일을 생성한다. 그리고 다음과 같이 작성한다. function add(a: number, b: num..

VS Code 주요 확장 소개

Auto Rename Tag 하나의 태그를 수정하면 짝이 되는 태그도 동시에 수정된다. Bracket Pair Colorizer 2 괄호 쌍들이 서로 같은 색상으로 보이도록 설정한다. BetterComments 주석을 조금 더 보기 좋게 만들어 준다. 주석 앞에 *(중요), !(경고), ?(물음), TODO(할일), @param(파라미터) 등을 입력할 수 있다. 함수를 생성한 후에 /**/을 입력하고 엔터를 누르면 파라미터가 자동으로 생성된다. ESLint 자바스크립트 용 Linter Linter는 소스코드를 분석해 정해진 규칙을 체크한다. 설정방법 확장에서 eslint 설치 터미널에서 npm install -g eslint 입력 터미널에서 npm init 입력 터미널에서 eslint --init 입력 ..

반응형