<div id="readability-page-1" class="page"><div><h2 id="기본-타입">기본 타입</h2>
<h3 id="1-number-string-등">1. number, string 등</h3>
<pre><code>let car:string = 'ts';</code></pre>
<p>=&gt; car = 1; 하면 에러</p>
<p>타입스크립트를 쓰면 꼭 타입을 특정해주지 않아도</p>
<pre><code>let car = 'ts';</code></pre>
<p>=&gt; car = 1; 하면 여전히 에러 발생</p>
<p>=&gt; 이건 타입추론이라 함.</p>
<h2 id="2-array">2. array</h2>
<pre><code>let a:number[] = [1,2,3];
let b:Array<span><span><span>&lt;</span>number</span><span>&gt;</span></span> = [1,2,3];</code></pre>
<h2 id="3-tuple">3. tuple</h2>
<pre><code>let c:[string, number] = ['ts', 1];</code></pre>
<h2 id="4-void">4. void</h2>
<p>아무것도 반환하지 않는 함수<br>
void는 '비어 있는 것'을 말함.</p>
<pre><code>function sayHello():void {
    console.log('hello');
}</code></pre>
<p>=&gt; void는 직접 명시적으로 작성하지 않아도 에러를 내지는 않는다.</p>
<h2 id="5-never">5. never</h2>
<p>항상 에러를 반환하는 함수<br>
영원히 끝나지 않는 함수<br>
=&gt; 함수가 절대 return되지 않을때<br>
=&gt; 고로 위의 void역시 가능한셈</p>
<pre><code>function showError():never {
    throw new Error();
}

function infLoop():never {
    while (true) {

    }
}</code></pre>
<p><img src="https://velog.velcdn.com/images/2taesung/post/a6979334-2322-4dc3-80d5-cf2a525e78ac/image.png"></p>
<h2 id="6-enum">6. enum</h2>
<p>열거형 변수로 </p>
<p>자바에 있고 js에는 없는 타입<br>
ts에 있음.</p>
<p><img src="https://velog.velcdn.com/images/2taesung/post/1995d405-400d-48b9-a87b-b58b8d6719a4/image.png"></p>
<p>=&gt; 특정값만 입력을 강제할 수 있음.<br>
=&gt; 공통점이 있어 데이터를 카테고리로 나눠 강제할 때 사용하면 유용할듯.</p>
<p>=&gt; 어디서 많이 봤나 했더니<br>
=&gt; interface로 타입들을 커스텀할때 사용되는듯</p>
<ul>
<li>ts에서 enum 사용을 지양해야된다는 의견<br>
<a href="https://engineering.linecorp.com/ko/blog/typescript-enum-tree-shaking/">https://engineering.linecorp.com/ko/blog/typescript-enum-tree-shaking/</a></li>
</ul>
<p><a href="https://velog.io/@sensecodevalue/Typescript-Enum-%EC%99%9C-%EC%93%B0%EC%A7%80-%EB%A7%90%EC%95%84%EC%95%BC%ED%95%98%EC%A3%A0">https://velog.io/@sensecodevalue/Typescript-Enum-%EC%99%9C-%EC%93%B0%EC%A7%80-%EB%A7%90%EC%95%84%EC%95%BC%ED%95%98%EC%A3%A0</a></p>
<ul>
<li>enum 사용의 장점<br>
<a href="https://medium.com/@seungha_kim_IT/typescript-enum%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3b3ccd8e5552">https://medium.com/@seungha_kim_IT/typescript-enum%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3b3ccd8e5552</a></li>
</ul>
<p>=&gt; 남용하지 않고 적절히 사용해 코드 가독성을 크게 올릴 수 있다라고 생각 이 장점에 비하면 일부 트리쉐이킹에서 손해는 아주 미약.. 하다고 생각..</p>
<h2 id="7-null-undefined">7. null, undefined</h2>
<pre><code>let a:null = null;
let b:undefined = undefined;</code></pre>
<h2 id="8-any-unknown">8. any, unknown</h2>
<p><a href="https://jaylee-log.tistory.com/33">https://jaylee-log.tistory.com/33</a></p></div></div>

2taesung.log

Taesung Lee

기본 타입
1. number, string 등
let car:string = 'ts';
=> car = 1; 하면 에러
타입스크립트를 쓰면 꼭 타입을 특정해주지 않아도
let car = 'ts';
=> car = 1; 하면 여전히 에러 발생
=> 이건 타입추론이라 함.
2. array
let a:number[] = [1,2,3];
let b:Array<number> = [1,2,3];
3. tuple
let c:[string, number] = ['ts', 1];
4. void
아무것도 반환하지 않는 함수
void는 '비어 있는 것'을 말함.
function sayHello():void {
    console.log('hello');
}
=> void는 직접 명시적으로 작성하지 않아도 에러를 내지는 않는다.
5. never
항상 에러를 반환하는 함수
영원히 끝나지 않는 함수
=> 함수가 절대 return되지 않을때
=> 고로 위의 void역시 가능한셈
function showError():never {
    throw new Error();
}
function infLoop():never {
    while (true) {
    }
}
6. enum
열거형 변수로 
자바에 있고 js에는 없는 타입
ts에 있음.
=> 특정값만 입력을 강제할 수 있음.
=> 공통점이 있어 데이터를 카테고리로 나눠 강제할 때 사용하면 유용할듯.
=> 어디서 많이 봤나 했더니
=> interface로 타입들을 커스텀할때 사용되는듯
ts에서 enum 사용을 지양해야된다는 의견
https://engineering.linecorp.com/ko/blog/typescript-enum-tree-shaking/
https://velog.io/@sensecodevalue/Typescript-Enum-%EC%99%9C-%EC%93%B0%EC%A7%80-%EB%A7%90%EC%95%84%EC%95%BC%ED%95%98%EC%A3%A0
enum 사용의 장점
https://medium.com/@seungha_kim_IT/typescript-enum%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0-3b3ccd8e5552
=> 남용하지 않고 적절히 사용해 코드 가독성을 크게 올릴 수 있다라고 생각 이 장점에 비하면 일부 트리쉐이킹에서 손해는 아주 미약.. 하다고 생각..
7. null, undefined
let a:null = null;
let b:undefined = undefined;
8. any, unknown
https://jaylee-log.tistory.com/33

[ts] 기본타입

댓글