헷갈리는 자바스크립트 네이밍 규칙 정리

자바스크립트에서 네이밍을 어떻게 하는지 정리하기로 했다.

아무렇게나 지으니까 보기에도 안좋고 나중에 오류날 것 같다...

 

출처:

https://radlohead.gitbook.io/typescript-deep-dive/styleguide

스타일 가이드 - TypeScript Deep Dive

 

 

자바스크립트 네이밍 규칙

 

1. 변수와 함수는 camelCase 사용하기

var fooVar;
function barFunc() { }

 

 

 

2. 클래스 이름에는 PascalCase 사용

class Foo { }

 

 

3. 클래스 멤버와 메소드에 camelCase 사용

class Foo {
    bar: number;
    baz() { }
}

 

 

4. 파일명은 camelCase 로 사용
ex) accordian.tsx,  myControl.tsx,  utils.ts,  map.ts

 

 

 

내가 헷갈렸던 부분 4가지만 정리한 것이라 다른 내용들은 위에 첨부한 링크를 참고하면 될 것 같다.

파일명 짓는 것도 camelCase였구나~~ 사실 찾아보기 전까진 이런 규칙이 있는지도 몰랐던 나를 반성한다.

이제는 깔끔하게 이름 잘 붙일 수 있을 듯!