프로그래밍/VS Code(3)
-
[VSCode] Typescript 단일 파일 디버깅 하는 법
개요npm 명령어가 아닌 간단하게 단일 파일에 대해서만 디버깅하고 싶은 상황이 생겨 타입스크립트 단일 파일에 대해 디버깅하는 법을 알아본다. 1. VSCode 파일 생성launch.json 파일을 루트 경로의 .vscode 하위에 생성하고 아래와 같이 추가한다.{ "name": "Launch Some TS File", "type": "node", "request": "launch", "runtimeArgs": [ "-r", "ts-node/register" ], "program": "${your_file_path}" }program에 추가하는 경로는 루트 경로부터 명시한다.ex) src/user/user.service.ts 추가 후 name에 해당하는 디버깅을 실행하면 ..
2024.12.27 -
[VSCode] Breakpoint binding 안됨 문제 해결
간혹 VS Code에서 개발할 때 break point가 회색으로만 돼있고 빨간색으로 전환되지 않는 경우가 있다.필자의 경우 Typescript 기반의 node 프로젝트에서 해당 이슈를 겪었고 쉽게 해결하였다. typescript 공식 사이트의 tsconfig 관련 문서에서 설명하는 "sourceMap" 옵션에 대한 설명이다.요약하자면 디버깅을 가능케하고 기타 다른 툴들이 typescript 파일을 추적할 때 쓰이는 용도의 파일이라는 것이다. 따라서 tsconfig.json 파일에 다음의 속성을 명시해주어야 한다.# tsconfig.json{ "compilerOptions":{ ... # other settings sourceMap : true }} 출처 : https://www.t..
2024.11.30 -
VS Code typescript import 시 type으로 import되는 문제
개요Typescript 기반 프로젝트에서 클래스나 타입 등을 import 할때 IDE(VS Code)에 의해 Auto suggestion 툴팁을 볼 수 있다.해당 클래스를 import 하겠다고 enter를 입력하게 되면 import type으로 불러온다.이때 문제점은 다음과 같다. 1. Controller에서 @Body 데코레이터에 클래스를 명시하고 클래스 프로퍼티에 class-validator를 통해 유효성 검사를 실시할 때 해당 클래스를 import type으로 타입을 명시한다면 validator가 동작하지 않는다.2. Service, Repository 등의 의존성 주입이 필요한 객체를 사용하는데 이때도 역시 import type으로 의존성 주입이 실행될 경우 어플리케이션 실행 과정에서 에러가 발생..
2024.11.07