• 암묵적인 룰

    • 대규모 프로젝트에서 코드의 일관성이 보장되도록 하자!
    • 많고 다양한 개발자들끼리 협업이 용이하도록 일관되게 코드를 작성하자!
    • 코드 스타일을 준수 할 수록 체계적이고 안정적인 코드를 작성하고 있다는 느낌을 준다.
    • 코드의 질을 평가하는데 매우 중요한 척도로 사용된다.

  • 이름짓기(변수,함수,객체,배열 등)

    • 예약어 사용 금지 X
    • 약어는 모두 대문자 혹은 모두 소문자 사용
    • 파일 이름은 소문자
    • 변수이름,함수이름,함수파라미터,객체이름,패키지이름은 CamelCase로 작성
    • 클래스이름,생성자이름은 PascalCase

  • 두 개 이상의 단어가 있을때 띄어쓰기 대신 대/소문자로 단어들을 구분하는 표기법

  • CamelCase

    • 단어의 첫 문자를 대문자로 표기하되 제일 처음 문자는 소문자로 표기하는 방식
    • 예시) camelCase

  • PascalCase

    • 단어의 처음마다 대문자를 사용한다.
    • 예시) PascalCase

  • 들여쓰기

    • 스페이스바 두칸 들여쓰기
    • 개발 환경마다 들여쓰기 공간이 다르기 때문에 이렇게 작성하는 것을 권장함

  • 변수

    • 기본적으로 const를 사용합니다.

    • 예외적으로 변수의 값이 바뀌는 내용만 let을 사용합니다.

      → 기존 var를 이용한 선언의 문제점,const,let을 이용한 변수 사용의 효용

  • 함수

    • 함수에 이름이 필요한 경우 const를 사용한다.

    • 함수식은 가급적 화살표 함수(Arrow Function)을 사용한다. → 간결함을 위해

    • 화살표 함수에서 함수 몸통(본문)이 하나의 식으로 구성된 경우 중괄호와 return문을 생략할 수 있다 만일 중괄호를 생략하지 않은 경우 return문을 포함시켜야한다.

      const name = (index) => {
	console.log(`안녕 내이름은 ${name}이야`);
}

//return 있는것
const name = (index) => {
    console.log(index*index)
    return name2(index*index);
} ;
const name2 = (hello) => console.log(hello*2);
name(4);

//return 없는것 -> 없어도 잘 돌아가긴 한데 코드스타일인듯
const name = (index) => {
    console.log(index*index)
    name2(index*index);
} ;
const name2 = (hello) => console.log(hello*2);
name(4);

  • 중괄호 - 중괄호 표기법 Kernighan and Ritchie Style

    • 중괄호를 열고 줄을 바꾼다.

    • 줄을 바꾸고 중괄호를 닫는다.

    • (if-else/try-catch-finally를 제외한) 빈 블럭에 한해서 { }로서 한 줄로 사용한다.

      //권장
function sayHello(name) {
  console.log(`안녕 내 이름은 ${name}이야`);
}

//권장하지 않음
function sayHello(name) 
{
  console.log(`안녕 내 이름은 ${name}이야`);
}

//비어있는 블록은 다음과 같이 한줄로 작성
const foo = () => {}

  • 배열

    • 한 배열로부터 복수개의 값을 할당받을 때는 destructuring을 사용한다. - 구조 분해 문법
    • 배열을 복사할때는 배열의 spread 연산자를 사용한다.
    • 새로운 값을 넣고 싶을 경우 push를 사용한다.

  • 객체

    • key는 큰 따옴표로 감싸준다.

  • 연산

    • 동등연산자 == != 보다는 일치연산자 === !== 를 사용한다.