본문 바로가기

JS & TS/TS2

WebStorm으로 TypeScript debug 모드 사용하기 (2019-12-17에 작성된 글입니다) WebStorm을 비롯한 JetBrains IDE를 사용할 때 강력한 debug 모드를 제공한다. 이번 포스팅에서는 TypeScript을 사용할 때 WebStorm으로 debug 모드 사용법을 알아보겠다. 먼저 빈 디렉토리를 생성하여 pacakage.json, tsconfig.json을 생성하자 $ npm init -y # init npm project $ tsc -init # init typescript config 그리고 실행할 간단한 ts 파일 2개를 생성한다. // hello.ts export default function hello(name: string): string { return `Hello ${name}`; } // index.ts import .. 2021. 1. 5.
TypeScript ESLint 적용하기 (+ Airbnb) (2019-10-09에 작성된 글입니다) 토이 프로젝트 같은 경우 혼자 작업하기 때문에 코드 스타일이 거의 일관되지만 협업을 하면 모두 각자의 코딩 취향이 있기 때문에 코드 스타일이 정해지지 않았다면, 코드에 개발자의 개성이 가득 남을 것이다. 개인적으로 팀 프로젝트엔 개발자의 개성이 적게 들어가고, 일관화되는 편이 좋다고 생각하기 때문에 linting tool을 사용하는 것이 좋다고 생각한다. 그런 의미로 이번에 Typescript에 lint를 적용하기 위해 TypeScript ESLint를 설정하는 법에 대해 알아보겠다. 굳이 ESLint를 사용하지 않고 TSLint라는 선택지도 있지만 TSLint는 곧 deprecated 될 예정이기 때문에 TSLint는 고려하지 않았다. (https://githu.. 2021. 1. 5.