inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

클래스의 새로운 기능들

tsconfig.json 파일이 제대로 작동하지 않아요!

1009

rhju820

작성한 질문수 1

0

tsconfig.json을 생성한 이후로 타입스크립트 파일들을 자바스크립트로 컴파일할 때 계속 es5 문법으로 컴파일이 됩니다...

tsconfig.json 파일의 target도 es6로 설정해주었고 module도 es6로 설정해주었는데 컴파일을 하면 모든 코드가 다 es5 문법으로 변환이 됩니다

아래는 tsconfig.json 파일의 일부입니다.

{
  "compilerOptions": {
    "target": "ES6", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "module": "ES6", /* Specify what module code is generated. */
    "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */
    "strict": true, /* Enable all strict type-checking options. */
    "skipLibCheck": true /* Skip type checking all .d.ts files. */
  }
}

tsc app.ts --target es6 이런식으로 직접 target을 설정해주었을 때에는 잘 작동합니다. 하지만 tsc app.ts 를 작동시키면 es5 문법으로 바뀌네요

캡처.PNG

혹시나 필요하실까 해서 폴더 구조도 올립니다!!

왜 es6 문법으로 컴파일이 안되는 걸까요...

typescript

답변 3

0

제로초(조현영)

imageimage

image

imageㅠㅠ 일단 저는 되네요

0

rhju820

흠 그럼 코드에는 문제가 없는거군요!! vs코드를 다시 설치해보던가 뭔가 다시 설치해서 실행해보겠습니다~~ 감사합니다!!

0

제로초(조현영)

ts 코드랑 결과물 한 번 올려주세요

0

rhju820

지금 그냥 앞부분 따라하는 중이라서 간단한거 체크해보고 있었어서 코드는 별거 없습니다

ts 코드는 아래 부분이고

image컴파일한 js 코드는 아래 부분입니다.

image

0

제로초(조현영)

tsc 명령어를 어느 경로에서 실행하고 계신데요??

0

rhju820

가장 바깥쪽에서 실행하고 있습니다 app.ts가 있는 곳에서요

0

제로초(조현영)

이거 vs code에서 아래 typescript 눌러보면 어떻게 뜨나요? 그리고 npx tsc...로 앞에 npx 붙여서 한 번 해보세요

0

rhju820

image이 부분 말씀하시는거 맞을까요??

npx 앞에 붙여서 실행해봐도 똑같습니다ㅠ

0

제로초(조현영)

네, 저기서 구성파일 열기 누르면 작성하신 tsconfig.json이 뜨나요?

0

rhju820

넵.. 혹시 타입스크립트를 설치하는 과정에서 문제가 있을 수도있나요?

0

제로초(조현영)

그냥 인식 문제인 것 같긴 한데요. vs code 껐다 켜보시겠어요??

데코레이터가 현재도 자주 쓰이는 문법인가요?

0

81

2

유틸리티 타입 실제로 구현은 못해도 하나씩 외우면 실무할 때 지장 없겠죠?

0

66

1

매핑 타입은 type에서밖에 안된다고 하네요?

0

65

2

자바에서의 오버로딩과 같은 개념이라고 생각해도 되나요?

0

69

2

filter 함수 반환 타입 네로잉 질문

0

74

2

map<U>(callbackfn: ....) 할때 U는 왜 여기 있는거에요??

0

47

2

ts 컴파일을 위한 type 라벨링 부분

0

46

1

concat 함수 타입 구현 중 질문 있습니다!

0

100

2

filter 메소드 질문

0

53

1

forEach 제네릭 관련 문의

0

60

1

타입 추론 시 가장 넓은 범위로 추론이 되는 건가요?

0

165

1

enum이 javascript로 트랜스파일링될때 사라진다하셨는데요

0

207

1

함수 파라미터 타입 정의 시 ...args: any[]와 ...args: any 의 차이

0

223

1

Flat type에서 ReadonlyArray 타입을 사용하는 이유?

0

157

1

bind type 질문

1

149

1

Lowercase type 관련 질문

0

152

1

key-value 타입 자동추론 질문드립니다

0

266

1

타입스크립트 교과서, p131

0

266

1

타입스크립트 교과서 p122 forEach 메서드 질문

0

232

1

타입스크립트 교과서 p116 , 코드에러남

1

269

1

타입스크립트 교과서 p112 , 코드가 안읽힙니다..

0

266

1

타입스크립트 교과서 p83

1

184

1

타입스크립트교과서 p39 쪽 코드가 이해가 안되요

1

227

1

class 에서 ts의 private vs js의 private field( # )

0

339

1