<div id="readability-page-1" class="page"><div><h2 id="예약어란-무엇인가"><a href="#%EC%98%88%EC%95%BD%EC%96%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80" aria-label="예약어란 무엇인가 permalink"></a>예약어란 무엇인가?</h2><p>예약어란 프로그래밍 언어에서 특별한 의미를 가지고 있어서, 식별자로 사용할 수 없는 단어를 말한다. 예를 들어, JavaScript에서 let, if, else, return 등은 모두 예약어이다. 따라서 이러한 단어들을 변수 이름 등으로 사용할 수 없다.  </p><h2 id="타입스크립트에서-예약어를-어떻게-처리할까"><a href="#%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EC%97%90%EC%84%9C-%EC%98%88%EC%95%BD%EC%96%B4%EB%A5%BC-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%B2%98%EB%A6%AC%ED%95%A0%EA%B9%8C" aria-label="타입스크립트에서 예약어를 어떻게 처리할까 permalink"></a>타입스크립트에서 예약어를 어떻게 처리할까?</h2><p>타입스크립트에서도 JavaScript와 마찬가지로 예약어를 식별자로 사용할 수 없다. 타입스크립트 컴파일러는 예약어를 사용하는 코드를 발견하면, 컴파일을 실패시킨다. 모든 예약어를 실패처리하는 것은 아니고 TypeScript는 엄격한 모드(strict mode)유무에 따라 일부 예약어를 더욱 엄격하게 처리한다. 이는 가독성과 유지보수성을 높이기 위한 목적으로 도입되었다.  </p><h2 id="예약어-종류"><a href="#%EC%98%88%EC%95%BD%EC%96%B4-%EC%A2%85%EB%A5%98" aria-label="예약어 종류 permalink"></a>예약어 종류</h2><p>타입스크립트에서 예약어는 Reserved words, Contextual keywords의 종류로 나눌 수 있다. </p><ul><li>Reserved words: 언제나 예약어로 처리된다.</li><li>Contextual keywords: 특정 컨텍스트에서만 예약어로 처리된다.</li></ul><h3 id="reserved-words"><a href="#reserved-words" aria-label="reserved words permalink"></a>Reserved words</h3><p>Reserved words는 변수명, 함수명, 클래스명 등의 이름으로 사용할 수 없는 단어다. 대표적인 예시로는 const, let, class, enum, if, else, while, for 등이 있으며 자세한 내용은 <a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#reserved_words">MDN</a>에서 확인 가능하다.   </p><div data-language="typescript"><pre><code><span>let</span> <span>const</span> <span>=</span> <span>"example"</span><span>;</span> <span>// 오류 발생</span>

<span>function</span> <span>while</span><span>(</span><span>)</span> <span>{</span> <span>// 오류 발생</span>
  <span>return</span> <span>"example"</span><span>;</span>
<span>}</span></code></pre></div><h3 id="contextual-keywords"><a href="#contextual-keywords" aria-label="contextual keywords permalink"></a>Contextual keywords</h3><p>Contextual keywords는 strict mode와 관계없이 예약어로 취급되는 것이 아니라, 특정 문맥에서만 예약어로 취급되는 단어들이다. 예를 들어, async와 await는 ECMAScript 2017부터 추가된 개념으로, 일반적인 식별자로 사용 가능하지만, 특정 문맥에서는 예약어로 취급된다.</p><div data-language="typescript"><pre><code><span>let</span> async <span>=</span> <span>"example"</span><span>;</span> <span>// 컴파일 에러가 발생하지 않음</span>

<span>async</span> <span>function</span> <span>fetchData</span><span>(</span><span>)</span> <span>{</span> <span>// 예약어로서 동작</span>
  <span>// ...</span>
<span>}</span>

<span>let</span> obj <span>=</span> <span>{</span>
  async<span>:</span> <span>true</span><span>,</span> <span>// 컴파일 에러 없음</span>
  <span>await</span><span>:</span> <span>false</span> <span>// 컴파일 에러 없음</span>
<span>}</span><span>;</span></code></pre></div><p>Contextual keywords 종류는 다음과 같다. </p><table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td>any</td><td>boolean</td><td>constructor</td></tr><tr><td>declare</td><td>get</td><td>modeul</td></tr><tr><td>require</td><td>number</td><td>set</td></tr><tr><td>string</td><td>symbol</td><td>type</td></tr><tr><td>from</td><td>of</td><td>async/await</td></tr></tbody></table><h2 id="식별자로-사용-가능한-일부-예약어들-하지만-가독성과-유지보수를-위해-사용을-자제하는-이유와-주의점은"><a href="#%EC%8B%9D%EB%B3%84%EC%9E%90%EB%A1%9C-%EC%82%AC%EC%9A%A9-%EA%B0%80%EB%8A%A5%ED%95%9C-%EC%9D%BC%EB%B6%80-%EC%98%88%EC%95%BD%EC%96%B4%EB%93%A4-%ED%95%98%EC%A7%80%EB%A7%8C-%EA%B0%80%EB%8F%85%EC%84%B1%EA%B3%BC-%EC%9C%A0%EC%A7%80%EB%B3%B4%EC%88%98%EB%A5%BC-%EC%9C%84%ED%95%B4-%EC%82%AC%EC%9A%A9%EC%9D%84-%EC%9E%90%EC%A0%9C%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0%EC%99%80-%EC%A3%BC%EC%9D%98%EC%A0%90%EC%9D%80" aria-label="식별자로 사용 가능한 일부 예약어들 하지만 가독성과 유지보수를 위해 사용을 자제하는 이유와 주의점은 permalink"></a>식별자로 사용 가능한 일부 예약어들, 하지만 가독성과 유지보수를 위해 사용을 자제하는 이유와 주의점은?</h2><p>Strict mode에서도 예약어로 취급되지 않는 일부 단어들이 있기 때문에, 이를 사용하는 것은 가능하다. 하지만 가독성과 유지보수 측면에서는 권장하고 싶지는 않다. 다른 개발자가 코드를 이해하기 어려워지고, 예상치 못한 오류가 발생할 수 있기 때문이다.
그럼에도 불구하고 예약어를 식별자로 사용해야 하는 경우에는 어떻게 해야 할까?</p><ol><li><p>첫 번째 방법은 예약어를 다른 단어로 대체하는 것이다.<br>
너무나도 당연한 말이지만 이것이 가장 권장되는 방법이다. 예를 들어, ‘type’ 대신 ‘kind’와 같은 단어를 사용할 수 있다. 이 방법은 코드의 가독성을 높이고 예약어를 사용하지 않기 때문에 좋은 방법이다.</p></li><li><p>두 번째 방법은 이름 앞 혹은 뒤에 언더스코어(_)를 붙이는 것이다. 이 방법은 예약어와 동일한 이름을 사용하는 것을 방지하기 위해 사용된다.  </p></li></ol><div data-language="typescript"><pre><code><span>let</span> _type <span>=</span> <span>"example"</span><span>;</span>
<span>console</span><span>.</span><span>log</span><span>(</span>_type<span>)</span><span>;</span></code></pre></div><p>하지만 언더스코어를 사용하는 방법은 예약어와 이름이 유사한 변수가 많아질수록 가독성이 떨어지므로, 가능한한 다른 이름을 사용하는 것이 좋겠다. 위의 방법 중 어떤 것을 선택할지는 상황에 따라 다르다.  </p></div><p>쿠팡 파트너스 활동을 통해 일정액의 커미션을 제공받을 수 있습니다.</p></div>

아웃풋 트레이닝

BAEKDEV

예약어란 무엇인가?
예약어란 프로그래밍 언어에서 특별한 의미를 가지고 있어서, 식별자로 사용할 수 없는 단어를 말한다. 예를 들어, JavaScript에서 let, if, else, return 등은 모두 예약어이다. 따라서 이러한 단어들을 변수 이름 등으로 사용할 수 없다.  
타입스크립트에서 예약어를 어떻게 처리할까?
타입스크립트에서도 JavaScript와 마찬가지로 예약어를 식별자로 사용할 수 없다. 타입스크립트 컴파일러는 예약어를 사용하는 코드를 발견하면, 컴파일을 실패시킨다. 모든 예약어를 실패처리하는 것은 아니고 TypeScript는 엄격한 모드(strict mode)유무에 따라 일부 예약어를 더욱 엄격하게 처리한다. 이는 가독성과 유지보수성을 높이기 위한 목적으로 도입되었다.  
예약어 종류
타입스크립트에서 예약어는 Reserved words, Contextual keywords의 종류로 나눌 수 있다. 
Reserved words: 언제나 예약어로 처리된다.
Contextual keywords: 특정 컨텍스트에서만 예약어로 처리된다.
Reserved words
Reserved words는 변수명, 함수명, 클래스명 등의 이름으로 사용할 수 없는 단어다. 대표적인 예시로는 const, let, class, enum, if, else, while, for 등이 있으며 자세한 내용은 MDN에서 확인 가능하다.   
let const = "example"; // 오류 발생
function while() { // 오류 발생
  return "example";
}
Contextual keywords
Contextual keywords는 strict mode와 관계없이 예약어로 취급되는 것이 아니라, 특정 문맥에서만 예약어로 취급되는 단어들이다. 예를 들어, async와 await는 ECMAScript 2017부터 추가된 개념으로, 일반적인 식별자로 사용 가능하지만, 특정 문맥에서는 예약어로 취급된다.
let async = "example"; // 컴파일 에러가 발생하지 않음
async function fetchData() { // 예약어로서 동작
  // ...
}
let obj = {
  async: true, // 컴파일 에러 없음
  await: false // 컴파일 에러 없음
};
Contextual keywords 종류는 다음과 같다. 
any
boolean
constructor
declare
get
modeul
require
number
set
string
symbol
type
from
of
async/await
식별자로 사용 가능한 일부 예약어들, 하지만 가독성과 유지보수를 위해 사용을 자제하는 이유와 주의점은?
Strict mode에서도 예약어로 취급되지 않는 일부 단어들이 있기 때문에, 이를 사용하는 것은 가능하다. 하지만 가독성과 유지보수 측면에서는 권장하고 싶지는 않다. 다른 개발자가 코드를 이해하기 어려워지고, 예상치 못한 오류가 발생할 수 있기 때문이다.
그럼에도 불구하고 예약어를 식별자로 사용해야 하는 경우에는 어떻게 해야 할까?
첫 번째 방법은 예약어를 다른 단어로 대체하는 것이다.
두 번째 방법은 이름 앞 혹은 뒤에 언더스코어(_)를 붙이는 것이다. 이 방법은 예약어와 동일한 이름을 사용하는 것을 방지하기 위해 사용된다.  
let _type = "example";
console.log(_type);
하지만 언더스코어를 사용하는 방법은 예약어와 이름이 유사한 변수가 많아질수록 가독성이 떨어지므로, 가능한한 다른 이름을 사용하는 것이 좋겠다. 위의 방법 중 어떤 것을 선택할지는 상황에 따라 다르다.

타입스크립트 예약어 중에 식별자(변수명, 함수명 등)로 사용할 수 있는 예약어가 있다?

댓글