일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- QueryClient
- 서초구보건소 #무료CPR교육
- ignore padding
- 부모패딩
- 조건부스타일
- transition
- 문제해결
- es6
- ?? #null병합연산자
- 부모요소의 패딩 무시
- debouncing
- alias설정
- parent padding
- tailwindCSS
- react
- 함수형프로그래밍
- createPortal
- accordian
- BlockFormattingContext
- twoarrow
- 화살표2개
- DOM
- BFC
- useQueryClient
- ㅡ
- vite
- 리액트
- 제어컴포넌트
- Carousel
- CustomHook
Archives
- Today
- Total
프론트엔드 첫걸음
웹스톰 타입스크립트 파일 실행하기 본문
js파일은 마우스 우클릭을 클릭하면 Run~ 으로 시작하는 초록삼각형 버튼을 찾을수있는데,
ts파일은 컴파일하기~ 밖에 없고, 컴파일 한다음에 js파일을 Run하는수밖에 없나 싶다.
방법이 있다.
Install ts-node
npm install --save-dev ts-node
Run/Debug configruation 수정
Node parameters
--require ts-node/register
Working directory
- 프로젝트 루트 폴더를 설정 (반드시 루트폴더여야 한다!)
JavaScript File
$FilePathRelativeToProjectRoot$
요렇게 설정 해주면 실행 버튼을 누르기만 하면
활성창인 ts파일을 알아서 컴파일해서 실행한다.
'개발 공부 > Typescript' 카테고리의 다른 글
type void (0) | 2024.02.23 |
---|---|
객체 리터럴의 추가 속성 검사 (0) | 2024.02.23 |
object를 enum처럼 사용하기 (0) | 2024.02.23 |