C10 apply review feedback

Author: hcy020817

1-js/05-data-types/03-string/1-ucfirst/solution.md

@@ -18,4 +18,4 @@ function ucFirst(str) {
 }
 
 alert( ucFirst("john") ); // John
-```
+```

1-js/05-data-types/03-string/3-truncate/solution.md

@@ -7,4 +7,4 @@ function truncate(str, maxlength) {
   return (str.length > maxlength) ?
     str.slice(0, maxlength - 1) + '…' : str;
 }
-```
+```

1-js/05-data-types/03-string/article.md

@@ -50,7 +50,7 @@ let guestList = "손님: // Error: Invalid or unexpected token
 
 작은따옴표나 큰따옴표로 문자열을 표현하는 방식은 자바스크립트가 만들어졌을 때부터 있었습니다. 이때는 문자열을 여러 줄에 걸쳐 작성할 생각조차 못 했던 시기였죠. 백틱은 그 이후에 등장한 문법이기 때문에 따옴표보다 다양한 기능을 제공합니다.
 
-백틱은 '템플릿 함수(template function)'에서도 사용됩니다. <code>func&#96;string&#96;</code> 같이 첫 번째 백틱 바로 앞에 함수 이름(`func`)을 써주면, 이 함수는 백틱 안의 문자열 조각이나 표현식 평가 결과를 인수로 받아 자동으로 호출됩니다. 이런 기능을 '태그드 템플릿(tagged template)'이라 부르는데, 태그드 템플릿을 사용하면 사용자 지정 템플릿에 맞는 문자열을 쉽게 만들 수 있습니다. 태그드 템플릿과 템플릿 함수에 대한 자세한 내용은 MDN [문서](mdn:/JavaScript/Reference/Template_literals#Tagged_templates)에서 확인해보세요. 참고로 이 기능은 자주 사용되진 않습니다.
+백틱은 '템플릿 함수(template function)'에서도 사용됩니다. <code>func&#96;string&#96;</code> 같이 첫 번째 백틱 바로 앞에 함수 이름(`func`)을 써주면, 이 함수는 백틱 안의 문자열 조각이나 표현식 평가 결과를 인수로 받아 자동으로 호출됩니다. 이런 기능을 '태그드 템플릿(tagged template)'이라 부릅니다. 태그드 템플릿과 템플릿 함수에 대한 자세한 내용은 [템플릿 리터럴](mdn:/JavaScript/Reference/Template_literals#Tagged_templates)에서 확인해보세요. 참고로 이 기능은 자주 사용되진 않습니다.
 
 ## 특수 기호
 
@@ -74,14 +74,14 @@ World`;
 alert(str1 == str2); // true
 ```
 
-자바스크립트엔 줄 바꿈 문자를 비롯한 다양한 '특수' 문자들이 있습니다.
+자바스크립트엔 줄 바꿈 문자를 비롯한 다양한 특수 문자들이 있습니다.
 
 특수 문자 목록:
 
 | 특수 문자 | 설명 |
 |-----------|-------------|
 |`\n`|줄 바꿈|
-|`\r`|캐리지 리턴(carriage return). Windows에선 캐리지 리턴과 줄 바꿈 특수 문자를 조합(`\r\n`)해 줄을 바꿉니다. 반면 Windows가 아닌 운영체제에서 단순히 `\n`만 사용합니다. 이는 역사적인 이유 때문이며, 대부분의 Windows 소프트웨어는 `\n`을 이해합니다. |
+|`\r`|캐리지 리턴(carriage return). Windows에선 캐리지 리턴과 줄 바꿈 특수 문자를 조합(`\r\n`)해 줄을 바꿉니다. 반면 Windows가 아닌 운영체제에서 단순히 `줄 바꿈(\n)`만 사용합니다. 이는 역사적인 이유 때문이며, 대부분의 Windows 소프트웨어는 `줄 바꿈(\n)`을 이해합니다. |
 |`\'`, `\"`|따옴표|
 |`\\`|역슬래시|
 |`\t`|탭|
@@ -95,7 +95,7 @@ alert(str1 == str2); // true
 alert( `The backslash: \\` ); // 역슬래시: \
 ```
 
-따옴표를 이스케이프한 `\'`, `\"`, <code>\\`</code>는 동일한 종류의 따옴표로 감싼 문자열 안에 따옴표를 넣을 때 사용됩니다.
+따옴표를 '이스케이프'한 `\'`, `\"`, <code>\\`</code>는 동일한 종류의 따옴표로 감싼 문자열 안에 따옴표를 넣을 때 사용됩니다.
 
 예시:
 
@@ -111,7 +111,7 @@ alert( 'I*!*\'*/!*m the Walrus!' ); // *!*I'm*/!* the Walrus!
 alert( "I'm the Walrus!" ); // I'm the Walrus!
 ```
 
-이러한 특수 문자 외에도 유니코드 코드를 나타내는 특별한 표기법 `\u...`가 있습니다. 자주 사용되지는 않으며, [유니코드](info:unicode) 선택 챕터에서 다루겠습니다. 
+이러한 특수 문자 외에도 유니코드 코드를 나타내는 특별한 표기법 `\u…`가 있습니다. 자주 사용되지는 않으며, [유니코드](info:unicode) 선택 챕터에서 다루겠습니다. 
 
 ## 문자열의 길이
 
@@ -145,7 +145,7 @@ alert( str[str.length - 1] ); // o
 alert( str.at(-1) );
 ```
 
-보시다시피 `.at(pos)` 메서드는 음수 위치를 사용할 수 있다는 장점이 있습니다. `pos`가 음수이면 문자열의 끝에서부터 위치를 계산합니다.
+보시다시피 `.at(pos)` 메서드는 `pos`에 음수를 전달해 사용할 수 있다는 장점이 있습니다. `pos`가 음수이면 문자열의 끝에서부터 위치를 계산합니다.
 
 따라서 `.at(-1)`은 마지막 문자를 의미하고, `.at(-2)`는 마지막에서 두 번째 문자를 의미하는 식입니다.
 
@@ -155,7 +155,7 @@ alert( str.at(-1) );
 let str = `Hello`;
 
 alert( str[-2] ); // undefined
-alert( str.at(-2) ); // 1
+alert( str.at(-2) ); // l
 ```
 
 `for..of`를 사용하면 문자열을 구성하는 글자를 대상으로 반복 작업을 할 수 있습니다.
@@ -439,7 +439,7 @@ alert( "Wid*!*get*/!*".endsWith("get") ); // true, "Widget"은 "get"으로 끝
 코드로 글자를 얻거나 글자에서 연관 코드를 알아낼 수 있는 메서드는 다음과 같습니다.
 
 `str.codePointAt(pos)`
-: `pos`에 위치한 글자의 코드를 반환합니다.
+: `pos`에 위치한 글자의 코드를 나타내는 10진수 값을 반환합니다.
 
     ```js run
     // 글자는 같지만 케이스는 다르므로 반환되는 코드가 다릅니다.
@@ -479,7 +479,7 @@ alert( str );
 - 알파벳 소문자의 코드는 대문자의 코드보다 크므로 소문자는 대문자 뒤에 옵니다.
 - `Ö` 같은 글자는 일반 알파벳과 멀리 떨어져 있습니다. `Ö`의 코드는 알파벳 소문자의 코드보다 훨씬 큽니다.
 
-### 문자열 제대로 비교하기[#correct-comparisons]
+### 문자열 제대로 비교하기 [#correct-comparisons]
 
 언어마다 문자 체계가 다르기 때문에 문자열을 '제대로' 비교하는 알고리즘을 만드는 건 생각보다 간단하지 않습니다.
 
@@ -501,14 +501,13 @@ ECMA-402엔 언어가 다를 때 적용할 수 있는 문자열 비교 규칙과
 alert( 'Österreich'.localeCompare('Zealand') ); // -1
 ```
 
-`localeCompare`엔 선택 인수 두 개를 더 전달할 수 있습니다. 기준이 되는 언어를 지정(아무것도 지정하지 않았으면 호스트 환경의 언어가 기준 언어가 됨)해 주는 인수와 대·소문자를 구분할지나 `"a"`와 `"á"`를 다르게 취급할지 같은 추가 규칙도 설정할 수 있습니다.
+`localeCompare`엔 선택 인수 두 개를 더 전달할 수 있습니다. 기준이 되는 언어를 지정(아무것도 지정하지 않았으면 호스트 환경의 언어가 기준 언어가 됨)해 주는 인수와 대·소문자를 구분할지나 `"a"`와 `"á"`를 다르게 취급할지에 대한 것을 설정해 주는 인수가 더 있죠. 자세한 사항은 관련 [페이지](mdn:js/String/localeCompare)에서 확인해 보시기 바랍니다.
 
 ## 요약
 
 - 자바스크립트엔 세 종류의 따옴표가 있는데, 이 중 하나인 백틱은 문자열을 여러 줄에 걸쳐 쓸 수 있게 해주고 문자열 중간에 `${…}`을 사용해 표현식도 넣을 수 있다는 점이 특징입니다.
-- 자바스크립트에선 UTF-16을 사용해 문자열을 인코딩합니다.
-- `\n` 같은 특수 문자를 사용할 수 있습니다. `\u...`를 사용하면 해당 문자의 유니코드를 사용해 글자를 만들 수 있습니다.
-- 문자열 내의 글자 하나를 얻으려면 대괄호 `[]`를 사용하세요.
+- `\n` 같은 특수 문자를 사용할 수 있습니다.
+- 문자열 내의 글자 하나를 얻으려면 대괄호 `[]`나 `at` 메서드를 사용하세요.
 - 부분 문자열을 얻으려면 `slice`나 `substring`을 사용하세요.
 - 소문자로 바꾸려면 `toLowerCase`, 대문자로 바꾸려면 `toUpperCase`를 사용하세요.
 - `indexOf`를 사용하면 부분 문자열의 위치를 얻을 수 있습니다. 부분 문자열 여부만 알고 싶다면 `includes/startsWith/endsWith`를 사용하면 됩니다.

1-js/05-data-types/04-array/article.md

@@ -413,7 +413,7 @@ alert( arr[0] ); // undefined가 출력됩니다. 요소가 하나도 없는 배
 alert( arr.length ); // 길이는 2입니다.
 ```
 
-위 예시에서 확인해 본 것처럼 `new Array(number)`를 이용해 만든 배열의 요소는 모두 `undefined` 입니다. 이런 뜻밖의 상황을 마주치지 않기 위해 `new Array`의 기능을 잘 알지 않는 한 대부분의 개발자가 대괄호를 써서 배열을 만듭니다.
+이런 뜻밖의 상황을 마주치지 않기 위해 `new Array`의 기능을 잘 알지 않는 한 대부분의 개발자가 대괄호를 써서 배열을 만듭니다.
 
 ## 다차원 배열
 
@@ -426,7 +426,7 @@ let matrix = [
   [7, 8, 9]
 ];
 
-alert( matrix[0][1] ); // 2, 첫 번째 내부 배열의 두번째 값
+alert( matrix[0][1] ); // 2, 첫 번째 내부 배열의 두 번째 값
 ```
 
 ## toString
@@ -463,23 +463,23 @@ alert( "1,2" + 1 ); // "1,21"
 
 ## ==로 배열을 비교하지 마세요
 
-자바스크립트에서 배열은 다른 몇몇 프로그래밍 언어와 달리 ==연산자로 비교하면 안 됩니다.
+자바스크립트에서 배열은 다른 몇몇 프로그래밍 언어와 달리 `동등 연산자(==)`로 비교하면 안 됩니다.
 
-==연산자는 배열을 특별하게 취급하지 않습니다. 배열도 일반 객체처럼 처리됩니다.
+`==`는 배열을 특별하게 취급하지 않습니다. 배열도 일반 객체처럼 처리됩니다.
 
 규칙을 다시 떠올려 봅시다.
 - 두 객체는 동일한 객체를 참조할 때만 `==` 비교 결과가 `true`입니다.
-- `==`의 피연산자 중 하나가 객체이고 다른 하나가 primitive 자료형이면, <info:object-toprimitive> 챕터에서 설명한 것처럼 객체가 원시값으로 변환됩니다.
-- 단, `null`과 `undefined`는 예외로 서로끼리만 `==` 비교 시 같고, 다른 값과는 같지 않습니다.
+- `==`의 피연산자 중 하나가 객체이고 다른 하나가 원시값이면, <info:object-toprimitive> 챕터에서 설명한 것처럼 객체가 원시값으로 변환됩니다.
+- 단, `null`과 `undefined`는 예외입니다. 서로에 대해서만 `==` 비교 시 `true`를 반환하고 그 외의 값과 비교했을 때는 `false`를 반환합니다.
 
 엄격한 비교 연산자 `===`는 더 단순합니다. 타입 변환을 수행하지 않기 때문입니다.
 
-따라서 배열을 `==`로 비교하면, 정확히 같은 배열을 참조하는 두 변수를 비교하는 경우가 아니라면 항상 서로 다르다고 판단됩니다.
+따라서 정확히 같은 배열을 참조하는 두 변수를 비교하는 경우가 아니라면, 배열을 `==`로 비교했을 때 두 배열은 절대 같지 않습니다.
 
 예시:
 ```js run
-alert( [] == [] ); //false
-alert( [0] == [0] ); //false
+alert( [] == [] ); // false
+alert( [0] == [0] ); // false
 ```
 
 위 배열들은 엄밀히 말하면 서로 다른 객체입니다. 따라서 같지 않습니다. `==` 연산자는 배열 요소를 하나씩 비교하지 않습니다.