template typescript로 react 앱을 만드록 배포는 어떻게 하나요?
637
작성한 질문수 11
template typescript로 react-app을 초기화하면 tsconfig.json파일에 compilerOptions에 지금까지 배운 outDir은 없고 noEmit: true가 기본으로 되어 있는데 이게 complie할 때 js파일을 만들지 않는 설정 이더군요.
지금까지 typescript를 들은 바로는 typescript는 오류를 방지 하기 위한 방법으로만 파일 작성을 하고 그 자체로는 뭔가 부족?(문법이 호환이 안된다 하셨나?) 그래서 파일을 javascript로 complie 하고 배포가 되는 걸(용이해서/어짜피 .js파일로 실행시켜야하기 때문에)로 알고 있습니다.
이렇게 설정된 이유가 제가 모르는 다른 이유가 있나요? 아니면 단순한 default 설정이고
결국 outDir/ noEmit: false로 설정해서 파일 변환을 하고 배포해야하는건가요?
혹시 그냥 ts-node로 실행시킨다는 마인드인가요?
답변 1
0
안녕하세요 이정환입니다.
typescript template으로 리액트 앱을 생성하셨을때 noEmit 옵션이 설정된 이유는
CRA로 만들어진 리액트 앱에서는 TSC가 아닌 Babel이 타입스크립트를 컴파일 하기 때문입니다.
따라서 TSC는 타입 체킹 정도의 역할만 할 뿐 실제 트랜스파일링(컴파일)은 Babel이 수행하게 됩니다.
따라서 배포하실 때에는 기존의 리액트 앱을 사용하셨을 때와 동일하게 그냥 npm run build 이후 빌드 파일을 배포하시면 됩니다.
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
20
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
30
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
36
2
outDir 옵션 추가 후 컴파일 오류 질문
0
80
1
호출 시그니처 질문
0
72
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
84
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
72
1
할인쿠폰 관련하여
0
168
2
프론트엔드에서의 인터페이스활용
0
100
2
안녕하세요 이정환님!
0
97
1
Node.js 설치에 관한 질문입니다.
0
82
2
함수 타입 호출 시그니처
0
63
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
70
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
122
4
마우스 호버 시 정보
0
98
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
92
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
89
2
섹션 12가 너무 어려운데... 정상이겠죠..?
0
141
2
선생님.. 알고리즘도 강의해주시면안되나요
0
105
2
선생님은 어떻게 이런걸 아세요?
0
136
1
type: module
0
102
2
7:17초 업캐스팅 질문이있습니다!
0
84
1
슈퍼타입질문
1
70
2
프로젝트 설치
0
116
2