<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/WEB2.0/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D"><span>WEB2.0/프로그래밍</span></a></p><h3>tslint 소개 interface-name, interface-over-type-literal</h3>
                </div>
                <p><cite>나를찾는아이</cite>
                  <span> 2022. 11. 1. 20:45</span>
                </p>
                
            
                <div>
                                <p data-ke-size="size16">lint는 프로젝트의 코드스타일에 일관성을 주니 적극 사용하려고 하는데</p>

<p data-ke-size="size16">tslint의 lint 2개를 알려드려볼까합니다</p>


<p data-ke-size="size16"><a href="https://palantir.github.io/tslint/rules/interface-over-type-literal/" target="_blank" rel="noopener">interface-over-type-literal</a></p>

<p data-ke-size="size16">코딩을 하다보면 type과 interface 둘중에 어떤것을 쓸지 고민할때가 있는데요</p>

<p data-ke-size="size16">tslint에서 가이드를 하고 있습니다</p>
<p data-ke-size="size16"><br>리터럴에서는&nbsp;type을&nbsp;object에서는&nbsp;interface입니다</p>


<p data-ke-size="size16"><a href="https://palantir.github.io/tslint/rules/interface-name/" target="_blank" rel="noopener">interface-name</a></p>

<p data-ke-size="size16">interface를&nbsp;선언할때는&nbsp;맨앞에&nbsp;대문자&nbsp;아이(I)를&nbsp;붙여야&nbsp;합니다</p>


<p data-ke-size="size16">이 두개가 적용된 예는 다음과 같습니다</p>

<pre id="code_1667211344160" data-ke-language="javascript" data-ke-type="codeblock"><code>export type TUserTier = "Basic" | "Premium" | "Admin";

export interface IUser {
  id: string;
  name: string;
  tier: TSomeMemberTier;
}</code></pre>


            
            
                </div>
            

                
              </article></div>

나를 찾는 아이

Kyoung min, Kim

lint는 프로젝트의 코드스타일에 일관성을 주니 적극 사용하려고 하는데
 
tslint의 lint 2개를 알려드려볼까합니다
 
 
interface-over-type-literal
 
코딩을 하다보면 type과 interface 둘중에 어떤것을 쓸지 고민할때가 있는데요
 
tslint에서 가이드를 하고 있습니다
리터럴에서는 type을 object에서는 interface입니다
 
 
interface-name
 
interface를 선언할때는 맨앞에 대문자 아이(I)를 붙여야 합니다
 
 
이 두개가 적용된 예는 다음과 같습니다
 
export type TUserTier = "Basic" | "Premium" | "Admin";
export interface IUser {
  id: string;
  name: string;
  tier: TSomeMemberTier;
}

tslint 소개 interface-name, interface-over-type-literal

댓글