Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- CSS
- 리액트
- leetcode
- 자바스크립트 문제풀이
- 자바스크립트 연결리스트
- Baekjoon
- 프론트엔드
- NPM
- 리액트쿼리
- HTML
- 타입스크립트
- 자바스크립트 알고리즘 문제
- til
- react
- 자바스크립트 문제 풀이
- 제로베이스
- 자바스크립트코딩테스트
- leetcode문제풀이
- next13
- Next.js13
- stack문제
- JS
- 프로그래머스
- 알고리즘문제풀이
- lodash
- 자바스크립트 문제
- Next
- 자바스크립트 알고리즘
- JavaScript
- 자바스크립트
Archives
- Today
- Total
코드노트
typescript npm으로 사용하기 본문
글로벌로 시작하기
npm typescript -g
typescript파일인 .ts파일 생성 후
tsc test.ts
tsc 명령어를 사용하면 .js파일로 컴파일 된 걸 확인할 수 있다.
tsc --init
tsconfig.json파일이 생성되는 걸 볼 수 있다.
이 파일이 생성된 곳에서는 tsc만 입력해도 실행된다.
tsc -w
watch모드를 실행하게 되면 자동으로 컴파일이되는걸 확인할 수 있다.
node-modules로 시작하기
npm init --y
packge.json 파일이 생긴다.
npm i typescript
npm으로 typescript를 설치해서 사용할 수 있다.
npx tsc --init
명령어로 tsconfig.json파일을 설치할 수 있다.
이제 npx tsc로 컴파일 할 수 있다.
npx tsc -w
watch모드를 실행하게 되면 자동으로 컴파일이되는걸 확인할 수 있다.
packge.json 파일에서
{
"name": "tsc-project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "tsc"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"typescript": "^4.7.3"
}
}
scripts 를 수정하여 사용할 수 있다. npm run build
'Code note' 카테고리의 다른 글
Sanity 사용 방법, 셋업 정리 (feat. Headless CMS) (0) | 2023.07.22 |
---|---|
typescript Primitive Type 알아보기 (0) | 2022.06.14 |
상속(확장) extends키워드, super 함수 활용하기 (0) | 2022.05.27 |
git 시작하기 (0) | 2022.05.23 |
현재년도 나타내기 js (0) | 2022.05.20 |