[우아한테크코스] 1주차 - 3

수민·2024년 10월 15일

개요


우테코의 코드는 airbnb의 코드 규칙에 따라 작성을 해야했다.
그래서 쭉 정독하던 중, 꽤 깨닫는 점이 많아서 정리를 해보려고 한다.
글이 매우 짧아질 것 같은데 그래도 깨달은 점을 기록하고 싶어서 작성해보려고 한다.

깨달은 점


  1. 변수를 선언할 때는 합리적인 위치에 선언해라.

난 변수들을 전부 보통 가장 위에 선언한 다음, 필요할 때 사용하는 방식을 사용했다. 그게 코드를 볼 때 깔끔하다고 생각했기 때문이다.
그런데 에어비앤비의 코드 작성 가이드라인에서는 가독성을 위해서인지 그 변수가 정말로 사용되기 전 선언을 하도록 추천하고 있었다. 다음의 예시를 보자.

// bad - unnecessary function call
function checkName(hasName) {
  const name = getName();

  if (hasName === 'test') {
    return false;
  }

  if (name === 'test') {
    this.setName('');
    return false;
  }

  return name;
}

// good
function checkName(hasName) {
  if (hasName === 'test') {
    return false;
  }

  const name = getName();

  if (name === 'test') {
    this.setName('');
    return false;
  }

  return name;
}

name이라는 변수를 가장 위에 선언하는 것이 아니라 사용되기 전 선언하고 있다.
지금까지 내가 생각했던 것이 bad example이라니.. 충격적이다 ㅋㅋㅋ

  1. 단한 증가, 감소 연산자 사용을 자제해라.(++, --)

나는 ++, --가 더 코드의 수가 줄어들고 편해서 자주 쓰는 편이었다. 그런데 가이드라인에서는 ++, --가 자동 세미콜론 삽입의 적용을 받으며 애플리케이션 내에서 값을 증가 또는 감소시킬 때 조용한 오류를 일으킬 수 있다는 이유로 사용 자제를 요구하고 있다.

필요한 가이드


  1. 형변환
  1. 문자열

0개의 댓글