-
Notifications
You must be signed in to change notification settings - Fork 143
Babel with typescript issue118 #138
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Babel with typescript issue118 #138
Conversation
|
||
When making a modern JavaScript project, you might ask yourself what the right way to convert files from TypeScript to JavaScript. | ||
모던 JavaScript 프로젝트를 만들 때, TypeScript에서 JavaScript로 파일을 변환하는 올바른 방법이 무엇일까 고민하게 될 것입니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
모던 JavaScript 프로젝트를 만들 때, TypeScript에서 JavaScript로 파일을 변환하는 올바른 방법이 무엇일까 고민하게 될 것입니다. | |
모던 JavaScript 프로젝트를 만들 때, TypeScript에서 JavaScript 파일로 변환하는 올바른 방법에 대해 고민할 수 있습니다. |
[제안]
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
제안해주신 방법이 더 좋은 것 같아 수정했습니다 :)
|
||
A lot of the time the answer is _"it depends"_, or _"someone may have decided for you"_ depending on the project. If you are building your project with an existing framework like [tsdx](https://www.npmjs.com/package/tsdx), [Angular](https://angular.io/), [NestJS](https://nestjs.com/) or any framework mentioned in the [Getting Started](/docs/home) then this decision is handled for you. | ||
많은 경우 그 대답은 프로젝트에 따라 _"~에 달려있다"_ 또는 _"누군가 여러분 대신 결정했을지도 모른다`_ 가 될 것입니다. 만약 [tsdx](https://www.npmjs.com/package/tsdx), [Angular](https://angular.io/), [NestJS](https://nestjs.com/)와 같은 기존 프레임워크 또는 [Getting Started](/docs/home)에 언급된 프레임워크를 사용하여 프로젝트를 만들고 있다면 결정은 여러분의 손에 달려있습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
많은 경우 그 대답은 프로젝트에 따라 _"~에 달려있다"_ 또는 _"누군가 여러분 대신 결정했을지도 모른다`_ 가 될 것입니다. 만약 [tsdx](https://www.npmjs.com/package/tsdx), [Angular](https://angular.io/), [NestJS](https://nestjs.com/)와 같은 기존 프레임워크 또는 [Getting Started](/docs/home)에 언급된 프레임워크를 사용하여 프로젝트를 만들고 있다면 결정은 여러분의 손에 달려있습니다. | |
많은 경우 그 대답은 프로젝트에 따라 _"~에 달려있다"_ 또는 _"누군가 여러분 대신 결정했을지도 모른다`_ 가 될 것입니다. 만약 [tsdx](https://www.npmjs.com/package/tsdx), [Angular](https://angular.io/), [NestJS](https://nestjs.com/)와 같은 기존 프레임워크 또는 [Getting Started](/docs/home)에 언급된 프레임워크를 사용하여 프로젝트를 만들고 있다면 결정은 여러분 손에 달려있습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
제안해주신 방법이 더 좋은 것 같아 수정했습니다 :)
몇 가지 질문이 있는데 이슈 남기긴 애매해서 PR에 코멘트 남깁니다. 🙇♀️
|
|
||
## Babel for transpiling, `tsc` for types | ||
## 트랜스파일링은 Babel, 타입은 `tsc` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## 트랜스파일링은 Babel, 타입은 `tsc` | |
## 트랜스파일링은 Babel, 타입은 `tsc` (Babel for transpiling, `tsc` for types) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
추가했습니다.
|
||
#### Type Checking and d.ts file generation | ||
#### 타입 검사와 d.ts 파일 생성 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
#### 타입 검사와 d.ts 파일 생성 | |
#### 타입 검사와 d.ts 파일 생성 (Type Checking and d.ts file generation) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
추가했습니다.
|
||
By using babel's support for TypeScript, you get the ability to work with existing build pipelines and are more likely to have a faster JS emit time because Babel does not type check your code. | ||
Babel의 TypeScript 지원을 사용하면 기존 빌드 파이프라인으로 작업할 수 있고 Babel이 코드 타입을 검사하지 않기 때문에 JS 출력 시간이 더 빨라질 가능성이 높습니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Babel의 TypeScript 지원을 사용하면 기존 빌드 파이프라인으로 작업할 수 있고 Babel이 코드 타입을 검사하지 않기 때문에 JS 출력 시간이 더 빨라질 가능성이 높습니다. | |
Babel은 TypeScript를 지원하기 때문에, 기존 빌드 파이프라인으로 작업할 수 있고 Babel이 코드 타입을 검사하지 않기 때문에 JS 출력 시간이 더 빨라질 수 있습니다. |
[제안]
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
제안해주신 방법이 더 좋은 것 같아 수정했습니다 :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다 👍
|
|
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다 👍 👍
* Is your build output mostly the same as your source input files? Use `tsc` | ||
* Do you need a build pipeline with multiple potential outputs? Use `babel` for transpiling and `tsc` for type checking | ||
* 빌드 출력 결과와 소스 입력 파일이 거의 비슷한가요? `tsc`를 사용하세요. | ||
* 잠재 산출 결과물을 내는 빌드 파이프라인이 필요하신가요? `babel`로 트랜스파일링 (transpling)을 하고, `tsc`로 타입을 검사하세요. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* 잠재 산출 결과물을 내는 빌드 파이프라인이 필요하신가요? `babel`로 트랜스파일링 (transpling)을 하고, `tsc`로 타입을 검사하세요. | |
* 여러 잠재적인 결과물을 내는 빌드 파이프라인이 필요하신가요? `babel`로 트랜스파일링 하고, `tsc`로 타입을 검사하세요. |
multiple
이란 단어를 명시적으로 번역해 주는 게 좋은 것 같은데 어떤가요?
추가로 transpiling
은 익숙한 용어이기 때문에 굳이 원어를 안 써도 될 거 같기도 합니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
제안해주신 방법이 더 좋은 것 같아 수정했습니다 :)
transpling
은 원어 지웠습니다~
|
@all-contributors please add @seohyun0120 for translation |
I've put up a pull request to add @seohyun0120! 🎉 |
* 1차 번역 * 원문 삭제, 더 매끄럽게 번역 * 맞춤법 수정 * Babel with typescript issue118 (#138) * 영어 1차 번역 * 원문 삭제, 더 매끄러운 번역체로 수정 * 매끄러운 번역체로 추가 수정 * 1차 수정 * 2차 수정 * 3차 수정 * docs: add seohyun0120 as a contributor (#140) * docs: update README.md [skip ci] * docs: update .all-contributorsrc [skip ci] Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com> * 1차 번역 * 원문 삭제, 더 매끄럽게 번역 * 맞춤법 수정 * ts twoslash가 제대로 작동하지 않는 문제 수정 (twoslash 삭제) * 2차 수정 * contributors 정보 수정 Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com>
* translate TS for JS Programmers(Defining Types) * Literal types issue115 (#139) * 1차 번역 * 원문 삭제, 더 매끄럽게 번역 * 맞춤법 수정 * Babel with typescript issue118 (#138) * 영어 1차 번역 * 원문 삭제, 더 매끄러운 번역체로 수정 * 매끄러운 번역체로 추가 수정 * 1차 수정 * 2차 수정 * 3차 수정 * docs: add seohyun0120 as a contributor (#140) * docs: update README.md [skip ci] * docs: update .all-contributorsrc [skip ci] Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com> * 1차 번역 * 원문 삭제, 더 매끄럽게 번역 * 맞춤법 수정 * ts twoslash가 제대로 작동하지 않는 문제 수정 (twoslash 삭제) * 2차 수정 * contributors 정보 수정 Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com> * specify node version to 12.18.2 * npm audit * translate TS for JS Programmers(Defining Types) * 리뷰에 따라 내용 수정 * fix push conflict Co-authored-by: Seohyun Yoon <[email protected]> Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com> Co-authored-by: YeonJuan <[email protected]>
ref #118
내용이 많지 않아 한 번에 번역해보았습니다.
리뷰 부탁드립니다 (_ _)