일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- ?? #null병합연산자
- vite
- alias설정
- BlockFormattingContext
- ignore padding
- 부모요소의 패딩 무시
- BFC
- twoarrow
- Carousel
- 제어컴포넌트
- 조건부스타일
- debouncing
- ㅡ
- createPortal
- 리액트
- 화살표2개
- react
- CustomHook
- QueryClient
- 문제해결
- 서초구보건소 #무료CPR교육
- 함수형프로그래밍
- useQueryClient
- transition
- tailwindCSS
- DOM
- parent padding
- es6
- accordian
- 부모패딩
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 |