You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
## <spanid="editor-improvements" /> 에디터 개선 (Editor Improvements)
195
195
196
-
The TypeScript compiler not only powers the TypeScript editing experience in most major editors, it also powers the JavaScript experience in the Visual Studio family of editors and more.
197
-
Using new TypeScript/JavaScript functionality in your editor will differ depending on your editor, but
196
+
TypeScript 컴파일러는 주요 에디터의 TypeScript 작성 경험뿐만 아니라, Visual Studio 계열 에디터의 JavaScript 작성 경험에도 영향을 줍니다.
197
+
에디터에서 새로운 TypeScript/JavaScript 기능을 사용하는 것은 에디터에 따라 다르겠지만
198
198
199
-
* Visual Studio Code supports [selecting different versions of TypeScript](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript). Alternatively, there's the [JavaScript/TypeScript Nightly Extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next) to stay on the bleeding edge (which is typically very stable).
200
-
* Visual Studio 2017/2019 have [the SDK installers above] and[MSBuild installs](https://www.nuget.org/packages/Microsoft.TypeScript.MSBuild).
201
-
* Sublime Text 3 supports [selecting different versions of TypeScript](https://github.com/microsoft/TypeScript-Sublime-Plugin#note-using-different-versions-of-typescript)
199
+
* Visual Studio Code는 [다른 버전의 TypeScript 선택](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript)을 지원합니다. 또는, 최신으로 유지하기 위한 [JavaScript/TypeScript Nightly Extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next)도 있습니다.(대체로 안정적입니다.)
200
+
* Visual Studio 2017/2019 에는 [SDK 설치 프로그램] 과[MSBuild 설치](https://www.nuget.org/packages/Microsoft.TypeScript.MSBuild)가 있습니다.
201
+
* Sublime Text 3은 [다른 버전의 TypeScript 선택]((https://github.com/microsoft/TypeScript-Sublime-Plugin#note-using-different-versions-of-typescript))을 지원합니다.
202
202
203
-
### CommonJS Auto-Imports in JavaScript
203
+
### <spanid="commonjs-auto-imports-in-javascript" /> JavaScript에서 CommonJS 자동-import (CommonJS Auto-Imports in JavaScript)
204
204
205
-
One great new improvement is in auto-imports in JavaScript files using CommonJS modules.
205
+
CommonJS 모듈을 사용하는 JavaScript 파일에서 자동-import 기능이 크게 개선되었습니다.
206
206
207
-
In older versions, TypeScript always assumed that regardless of your file, you wanted an ECMAScript-style import like
207
+
이전 버전에서는, TypeScript는 항상 파일에 관계없이 ECMAScript-스타일의 import를 원한다고 가정했습니다.
208
208
209
209
```js
210
210
import*asfsfrom"fs";
211
211
```
212
212
213
-
However, not everyone is targeting ECMAScript-style modules when writing JavaScript files.
214
-
Plenty of users still use CommonJS-style`require(...)`imports like so
213
+
하지만, 모든 사람이 JavaScript 파일을 쓸 때 ECMAScript-스타일의 모듈을 원하는 것은 아닙니다.
214
+
많은 사용자가 여전히 CommonJS-스타일의`require(...)`import를 사용하고 있습니다.
215
215
216
216
```js
217
217
constfs=require("fs");
218
218
```
219
219
220
-
TypeScript now automatically detects the types of imports you're using to keep your file's style clean and consistent.
220
+
이제 TypeScript는 파일 스타일을 깔끔하고 일관되게 유지하기 위해서 사용 중인 import 유형을 자동으로 검색합니다.
For more details on the change, see [the corresponding pull request](https://github.com/microsoft/TypeScript/pull/37027).
224
+
이 변경에 대한 자세한 내용은, [해당 pull request](https://github.com/microsoft/TypeScript/pull/37027)를 참고하세요.
225
225
226
-
### Code Actions Preserve Newlines
226
+
### <spanid="code-actions-preserve-newlines" /> 코드 작업 개행 유지 (Code Actions Preserve Newlines)
227
227
228
-
TypeScript's refactorings and quick fixes often didn't do a great job of preserving newlines.
229
-
As a really basic example, take the following code.
228
+
TypeScript의 리팩터링과 빠른 수정은 종종 개행을 유지하는데 큰 역할을 하지는 않았습니다.
229
+
기본적인 예로 다음 코드를 보겠습니다.
230
230
231
231
```ts
232
232
const maxValue =100;
233
233
234
-
/*start*/
234
+
/*시작*/
235
235
for (let i =0; i<=maxValue; i++) {
236
-
//First get the squared value.
236
+
//먼저 제곱 값을 구한다.
237
237
let square =i**2;
238
238
239
-
//Now print the squared value.
239
+
//제곱 값을 출력한다.
240
240
console.log(square);
241
241
}
242
-
/*end*/
242
+
/*끝*/
243
243
```
244
244
245
-
If we highlighted the range from `/*start*/`to`/*end*/`in our editor to extract to a new function, we'd end up with code like the following.
245
+
에디터에서 `/*시작*/`에서`/*끝*/`까지 범위를 강조하여 새로운 함수로 추출하면, 다음과 같은 코드가 됩니다.
246
246
247
247
```ts
248
248
const maxValue =100;
@@ -251,18 +251,18 @@ printSquares();
251
251
252
252
function printSquares() {
253
253
for (let i =0; i<=maxValue; i++) {
254
-
//First get the squared value.
254
+
//먼저 제곱 값을 구한다.
255
255
let square =i**2;
256
-
//Now print the squared value.
256
+
//제곱 값을 출력한다.
257
257
console.log(square);
258
258
}
259
259
}
260
260
```
261
261
262
-

262
+

263
263
264
-
That's not ideal - we had a blank line between each statement in our `for`loop, but the refactoring got rid of it!
265
-
TypeScript 3.9 does a little more work to preserve what we write.
264
+
이건 이상적이지 않습니다 - `for`루프에서 각각의 문 사이에 빈 줄이 있었지만 리팩터링이 없애버렸습니다!
265
+
TypeScript 3.9은 우리가 작성한 것을 보존하기 위해 조금 더 작업을 합니다.
266
266
267
267
```ts
268
268
const maxValue =100;
@@ -271,41 +271,41 @@ printSquares();
271
271
272
272
function printSquares() {
273
273
for (let i =0; i<=maxValue; i++) {
274
-
//First get the squared value.
274
+
//먼저 제곱 값을 구한다.
275
275
let square =i**2;
276
276
277
-
//Now print the squared value.
277
+
//제곱값을 출력한다.
278
278
console.log(square);
279
279
}
280
280
}
281
281
```
282
282
283
-

283
+

284
284
285
-
You can see more about the implementation [in this pull request](https://github.com/microsoft/TypeScript/pull/36688)
285
+
[이 pull request](https://github.com/microsoft/TypeScript/pull/36688)에서 구현에 대해 더 자세히 볼 수 있습니다.
286
286
287
-
### Quick Fixes for Missing Return Expressions
287
+
### <spanid="quick-fixes-for-missing-return-expressions" /> 누락된 반환 문 빠른 수정 (Quick Fixes for Missing Return Expressions)
288
288
289
-
There are occasions where we might forget to return the value of the last statement in a function, especially when adding curly braces to arrow functions.
289
+
특히 화살표 함수에 중괄호를 추가할 때, 함수의 마지막 문의 값을 반환하는 것을 잊는 경우가 있습니다.
290
290
291
291
```ts
292
-
//before
292
+
//이전
293
293
let f1 = () =>42
294
294
295
-
//oops - not the same!
295
+
//실수 - 동일하지 않음!
296
296
let f2 = () => { 42 }
297
297
```
298
298
299
-
Thanks to [a pull request](https://github.com/microsoft/TypeScript/pull/26434) from community member [Wenlu Wang](https://github.com/Kingwl), TypeScript can provide a quick-fix to add missing `return`statements, remove curly braces, or add parentheses to arrow function bodies that look suspiciously like object literals.
299
+
커뮤니티 멤버인 [Wenlu Wang](https://github.com/Kingwl)의 [pull request](https://github.com/microsoft/TypeScript/pull/26434) 덕분에, TypeScript는 누락된 `return`문을 추가하거나, 중괄호를 제거하거나, 객체 리터럴 처럼 보이는 화살표 함수 몸체에 괄호를 추가하는 빠른-수정을 제공할 수 있습니다.
300
300
301
-

301
+

302
302
303
-
### Support for "Solution Style" `tsconfig.json` Files
303
+
### <spanid="support-for-solution-style-tsconfigjson-files" /> `tsconfig.json` 파일 "솔루션 스타일" 지원 (Support for "Solution Style" `tsconfig.json` Files)
304
304
305
-
Editors need to figure out which configuration file a file belongs to so that it can apply the appropriate options and figure out which other files are included in the current "project".
306
-
By default, editors powered by TypeScript's language server do this by walking up each parent directory to find a `tsconfig.json`.
305
+
에디터는 파일이 어떤 설정 파일에 속하는지 파악하여 적절한 옵션을 적용할 수 있도록 하고 현재 "프로젝트"에 어떤 다른 파일이 포함되어 있는지 파악해야 합니다.
306
+
기본적으로, TypeScript의 언어 서버가 영향을 주는 에디터는 각 상위 디렉터리를 따라 올라가 `tsconfig.json`을 찾음으로써 이 작업을 수행합니다.
307
307
308
-
One case where this slightly fell over is when a `tsconfig.json` simply existed to reference other `tsconfig.json` files.
308
+
이 문제가 다소 실패하는 경우 중 하나는 tsconfig.json이 단순히 다른 tsconfig.json 파일을 참조하기 위해 존재할 때였습니다.
309
309
310
310
```json5
311
311
// tsconfig.json
@@ -319,11 +319,11 @@ One case where this slightly fell over is when a `tsconfig.json` simply existed
319
319
}
320
320
```
321
321
322
-
This file that really does nothing but manage other project files is often called a "solution" in some environments.
323
-
Here, none of these `tsconfig.*.json`files get picked up by the server, but we'd really like the language server to understand that the current `.ts`file probably belongs to one of the mentioned projects in this root `tsconfig.json`.
322
+
다른 프로젝트 파일을 관리만 하는 이 파일은 어떤 환경에서는 종종 "솔루션"이라고 불립니다.
323
+
여기서 `tsconfig.*.json`파일 중 어떤 파일도 서버에 의해 검색되지 않지만, 현재 `.ts`파일이 루트의 `tsconfig.json`에 언급된 프로젝트 중 하나에 속한다는 것을 언어 서버가 이해하기를 원합니다.
324
324
325
-
TypeScript 3.9 adds support to editing scenarios for this configuration.
326
-
For more details, take a look at [the pull request that added this functionality](https://github.com/microsoft/TypeScript/pull/37239).
325
+
TypeScript 3.9 는 이 설정에 대한 시나리오 수정을 지원합니다.
326
+
더 자세한 사항은, [이 기능을 추가한 pull request](https://github.com/microsoft/TypeScript/pull/37239)를 확인하세요.
327
327
328
328
## Breaking Changes
329
329
@@ -496,4 +496,4 @@ function foo<T extends any>(arg: T) {
496
496
In previous TypeScript versions, declarations like `export*from"foo"` would be dropped in our JavaScript output if `foo` didn't export any values.
497
497
This sort of emit is problematic because it's type-directed and can't be emulated by Babel.
498
498
TypeScript 3.9 will always emit these `export*` declarations.
499
-
In practice, we don't expect this to break much existing code.
499
+
In practice, we don't expect this to break much existing code.
0 commit comments