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
- 차원 축소
- 대감집
- r
- DBSCAN
- 쿠버네티스
- LDA
- 리액트
- TooBigToInnovate
- 프론트엔드
- ADP 실기
- 머신러닝
- ADP
- 캐글
- 빅쿼리
- 타입스크립트
- Machine Learning
- frontend
- 구글
- docker
- do it
- Kaggle
- React
- python
- 심층신경망
- 파이썬
- Kubernetes
- 최적화
- bigquery
- 대감집 체험기
- 클러스터링
Archives
- Today
- Total
No Story, No Ecstasy
Do It! 타입스크립트 프로그래밍 [프로젝트 생성과 관리] 본문
. 개발 과정: nodejs 프로젝트 생성 > 개발 언어를 타입스크립트로 설정 (package.json 설정)
# @types.node: 타입스크립트에서 Promise같은 기본 타입들을 사용하기 위해서 필요
$ yarn add -D typescript ts-node @types/node
# typescript를 위한 config 설정
$ tsc --init
$ mkdir -p src/utils
$ touch src/index.ts src/utils/makePerson.ts
* 시작 소스 파일 명이 index인 이유: 소스 파일명이 index이면 파일명을 생략하고 단순히 ts-node ./src로 실행할 수 있다. 이 때문에 프로젝트의 시작함수(엔트리함수)아 있는 소스 파일명은 보통 index로 짓는다.
. 프로젝트 개발 시에는 ts-node를 사용하지만, 막상 개발이 완료되면 ES5로 별환해 node로 실행해야 한다. 따라서 package.json에 다음 내용을 추가해야 한다.
"scripts": {
"dev" : "ts-node src",
"build" : "tsc && node dist"
}
. 소스 파일 하나를 보통 모듈이라고 한다. (import export 사용)
. export default는 한 모듈이 내보내는 기는 중 오직 한 개에만 붙일 수 있다. (중괄호 없이 import 가능)
. 외부 패키지 사용시 import문에 경로를 생략하고 패키지명만 사용할 수 있다. (node_modules 내부에 위치하므로)
'Frontend Series' 카테고리의 다른 글
리액트를 다루는 기술 개정판 [IMMER 불변성 유지] (0) | 2021.04.22 |
---|---|
리액트를 다루는 기술 개정판 [컴포넌트 성능 최적화] (0) | 2021.04.22 |
Do It! 타입스크립트 프로그래밍 [타입스크립트와 개발 환경 만들기] (0) | 2021.04.18 |
리액트를 다루는 기술 개정판 [일정 관리 웹 앱 만들기] (0) | 2021.02.02 |
리액트를 다루는 기술 개정판 [Hooks] (0) | 2021.01.31 |