Skip to content

Commit 1522a5d

Browse files
yeonjuanbumkeyydvlprsh
authored
3.9 릴리즈 노트 editor improvements 번역 (#74)
* 3.9 editor improvements * fix lint * Update pages/release notes/TypeScript 3.9.md Co-authored-by: Kibeom Kwon <[email protected]> * Update pages/release notes/TypeScript 3.9.md Co-authored-by: Kibeom Kwon <[email protected]> * Update pages/release notes/TypeScript 3.9.md Co-authored-by: Kibeom Kwon <[email protected]> * Update pages/release notes/TypeScript 3.9.md Co-authored-by: seoheePark <[email protected]> * Update pages/release notes/TypeScript 3.9.md Co-authored-by: seoheePark <[email protected]> * Update pages/release notes/TypeScript 3.9.md Co-authored-by: seoheePark <[email protected]> * Update pages/release notes/TypeScript 3.9.md Co-authored-by: seoheePark <[email protected]> Co-authored-by: Kibeom Kwon <[email protected]> Co-authored-by: seoheePark <[email protected]>
1 parent 2e6ec49 commit 1522a5d

File tree

1 file changed

+50
-50
lines changed

1 file changed

+50
-50
lines changed

pages/release notes/TypeScript 3.9.md

Lines changed: 50 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
* [Speed Improvements](#speed-improvements)
33
* [`// @ts-expect-error` Comments](#-ts-expect-error-comments)
44
* [Uncalled Function Checks in Conditional Expressions](#uncalled-function-checks-in-conditional-expressions)
5-
* [Editor Improvements](#editor-improvements)
6-
* [CommonJS Auto-Imports in JavaScript](#commonjs-auto-imports-in-javascript)
7-
* [Code Actions Preserve Newlines](#code-actions-preserve-newlines)
8-
* [Quick Fixes for Missing Return Expressions](#quick-fixes-for-missing-return-expressions)
9-
* [Support for "Solution Style" `tsconfig.json` Files](#support-for-solution-style-tsconfigjson-files)
5+
* [에디터 개선](#editor-improvements)
6+
* [JavaScript에서 CommonJS 자동-Imports](#commonjs-auto-imports-in-javascript)
7+
* [코드 작업 개행 유지](#code-actions-preserve-newlines)
8+
* [누락된 반환문 빠른 수정](#quick-fixes-for-missing-return-expressions)
9+
* [`tsconfig.json` 파일 "솔루션 스타일" 지원](#support-for-solution-style-tsconfigjson-files)
1010
* [Breaking Changes](#breaking-changes)
1111

1212
## Improvements in Inference and `Promise.all`
@@ -191,58 +191,58 @@ function getAllFiles(startFileName: string) {
191191

192192
https://github.com/microsoft/TypeScript/issues/36048
193193

194-
## Editor Improvements
194+
## <span id="editor-improvements" /> 에디터 개선 (Editor Improvements)
195195

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 기능을 사용하는 것은 에디터에 따라 다르겠지만
198198

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))을 지원합니다.
202202

203-
### CommonJS Auto-Imports in JavaScript
203+
### <span id="commonjs-auto-imports-in-javascript" /> JavaScript에서 CommonJS 자동-import (CommonJS Auto-Imports in JavaScript)
204204

205-
One great new improvement is in auto-imports in JavaScript files using CommonJS modules.
205+
CommonJS 모듈을 사용하는 JavaScript 파일에서 자동-import 기능이 크게 개선되었습니다.
206206

207-
In older versions, TypeScript always assumed that regardless of your file, you wanted an ECMAScript-style import like
207+
이전 버전에서는, TypeScript는 항상 파일에 관계없이 ECMAScript-스타일의 import를 원한다고 가정했습니다.
208208

209209
```js
210210
import * as fs from "fs";
211211
```
212212

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를 사용하고 있습니다.
215215

216216
```js
217217
const fs = require("fs");
218218
```
219219

220-
TypeScript now automatically detects the types of imports you're using to keep your file's style clean and consistent.
220+
이제 TypeScript는 파일 스타일을 깔끔하고 일관되게 유지하기 위해서 사용 중인 import 유형을 자동으로 검색합니다.
221221

222222
<video src="https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/03/ERkaliGU0AA5anJ1.mp4"></video>
223223

224-
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)를 참고하세요.
225225

226-
### Code Actions Preserve Newlines
226+
### <span id="code-actions-preserve-newlines" /> 코드 작업 개행 유지 (Code Actions Preserve Newlines)
227227

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+
기본적인 예로 다음 코드를 보겠습니다.
230230

231231
```ts
232232
const maxValue = 100;
233233

234-
/*start*/
234+
/*시작*/
235235
for (let i = 0; i <= maxValue; i++) {
236-
// First get the squared value.
236+
// 먼저 제곱 값을 구한다.
237237
let square = i ** 2;
238238

239-
// Now print the squared value.
239+
// 제곱 값을 출력한다.
240240
console.log(square);
241241
}
242-
/*end*/
242+
/**/
243243
```
244244

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+
에디터에서 `/*시작*/` 에서 `/**/` 까지 범위를 강조하여 새로운 함수로 추출하면, 다음과 같은 코드가 됩니다.
246246

247247
```ts
248248
const maxValue = 100;
@@ -251,18 +251,18 @@ printSquares();
251251

252252
function printSquares() {
253253
for (let i = 0; i <= maxValue; i++) {
254-
// First get the squared value.
254+
// 먼저 제곱 값을 구한다.
255255
let square = i ** 2;
256-
// Now print the squared value.
256+
// 제곱 값을 출력한다.
257257
console.log(square);
258258
}
259259
}
260260
```
261261

262-
![Extracting the for loop to a function in older versions of TypeScript. A newline is not preserved.](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/03/printSquaresWithoutNewlines-3.9.gif.gif)
262+
![이전 버전의 TypeScript에선 함수로 루프 추출은. 개행을 유지하지 않습니다.](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/03/printSquaresWithoutNewlines-3.9.gif.gif)
263263

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은 우리가 작성한 것을 보존하기 위해 조금 더 작업을 합니다.
266266

267267
```ts
268268
const maxValue = 100;
@@ -271,41 +271,41 @@ printSquares();
271271

272272
function printSquares() {
273273
for (let i = 0; i <= maxValue; i++) {
274-
// First get the squared value.
274+
// 먼저 제곱 값을 구한다.
275275
let square = i ** 2;
276276

277-
// Now print the squared value.
277+
// 제곱값을 출력한다.
278278
console.log(square);
279279
}
280280
}
281281
```
282282

283-
![Extracting the for loop to a function in TypeScript 3.9. A newline is preserved.](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/03/printSquaresWithNewlines-3.9.gif.gif)
283+
![TypeScript 3.9의 함수에 대한 루프 추출. 개행이 보존됨](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/03/printSquaresWithNewlines-3.9.gif.gif)
284284

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)에서 구현에 대해 더 자세히 볼 수 있습니다.
286286

287-
### Quick Fixes for Missing Return Expressions
287+
### <span id="quick-fixes-for-missing-return-expressions" /> 누락된 반환 문 빠른 수정 (Quick Fixes for Missing Return Expressions)
288288

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+
특히 화살표 함수에 중괄호를 추가할 때, 함수의 마지막 문의 값을 반환하는 것을 잊는 경우가 있습니다.
290290

291291
```ts
292-
// before
292+
// 이전
293293
let f1 = () => 42
294294

295-
// oops - not the same!
295+
// 실수 - 동일하지 않음!
296296
let f2 = () => { 42 }
297297
```
298298

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` 문을 추가하거나, 중괄호를 제거하거나, 객체 리터럴 처럼 보이는 화살표 함수 몸체에 괄호를 추가하는 빠른-수정을 제공할 수 있습니다.
300300

301-
![TypeScript fixing an error where no expression is returned by adding a `return` statement or removing curly braces.](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/04/missingReturnValue-3-9.gif)
301+
![TypeScript는 `return` 문을 추가하거나 중괄호를 제거하여 식이 반환되지 않는 오류를 수정합니다.](https://devblogs.microsoft.com/typescript/wp-content/uploads/sites/11/2020/04/missingReturnValue-3-9.gif)
302302

303-
### Support for "Solution Style" `tsconfig.json` Files
303+
### <span id="support-for-solution-style-tsconfigjson-files" /> `tsconfig.json` 파일 "솔루션 스타일" 지원 (Support for "Solution Style" `tsconfig.json` Files)
304304

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`을 찾음으로써 이 작업을 수행합니다.
307307

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 파일을 참조하기 위해 존재할 때였습니다.
309309

310310
```json5
311311
// tsconfig.json
@@ -319,11 +319,11 @@ One case where this slightly fell over is when a `tsconfig.json` simply existed
319319
}
320320
```
321321

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`에 언급된 프로젝트 중 하나에 속한다는 것을 언어 서버가 이해하기를 원합니다.
324324

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)를 확인하세요.
327327

328328
## Breaking Changes
329329

@@ -496,4 +496,4 @@ function foo<T extends any>(arg: T) {
496496
In previous TypeScript versions, declarations like `export * from "foo"` would be dropped in our JavaScript output if `foo` didn't export any values.
497497
This sort of emit is problematic because it's type-directed and can't be emulated by Babel.
498498
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

Comments
 (0)