타입스크립트 스타일 정의

현회사에서 무분별하게 사용되는 타입스크립트 스타일을 바꿔보고자 아래와 같이 정리 하였다.

 

변수 함수 명칭 규칙

변수 명 – camelCase 형식 사용 _ 사용 금지, 첫 글자 대문자 금지

함수 명 - camelCase 형식 사용 _ 사용 금지, 첫 글자 대문자 금지

예시: barFunc() { } , const barConst

 

class 명칭 규칙

클래스 맨 앞은 대문자로 시작 PascalCase 사용

클래스 멤버와 메소드에는 camelCase 형식 사용

예시

class Foo {

    bar: number;

    baz() { }

}

 

인터페이스 규칙

인터페이스 명 PascalCase 사용 멤버 camelCase 형식 사용

I를 접두어로 사용 x

예시

Interface Foo { }

 

타입 규칙

확장성이 있는 경우 사용 x, union이나 intersection이 필수로 필요할 경우에만 사용

이름 PascalCase 사용

멤버 camelCase 형식 사용

 

Enum 예시

이름 PascalCase 사용

예시

enum Color {

}

 

Null undefined 규칙

빈 값을 넘길 때 ->? 선택적 연결 사용

또는 무효화 합체 ->?? (null, undefined) 일 때 만 사용

또는 || (null, undefined, false, 0, 빈문자열) 일 때 만 사용

?? 사용 시 에는 ( ) 로 묶어서 순위를 제대로 표현 해줘야 함

 

Return 규칙

값이 없을 경우 Null 이 아닌 Undefined로 반환

 

매개변수 빈 값 규칙

빈 값을 넘길 때 Null을 사용 undefined 사용 x

예시 -> cb(null)

 

If문 null, undefined 체크 규칙

If (err !== null) 사용 금지 x if (err)로 체크

 

 

 

 

따옴표 규칙

따옴표가 겹치는 상황이 아니라면 작은 따옴표 사용

 

세미콜론

함수 또는 변수 규칙 등 작성 후 세미콜론을 무조건 사용

 

파일명 규칙

camelCase 형식 사용