깔끔한 코드 작성을 위한 5가지 팁

코드를 작성할 때 코딩 방식을 염두에 두는 것이 중요합니다. 이것은 다른 사람들이 읽고 이해하기 쉬운 깨끗하고 조직적인 코드를 작성하는 데 시간을 할애하는 것을 의미합니다. 다음은 시작하는 데 도움이 되는 5가지 팁입니다.

1. 불필요한 중첩 방지

코드에 중첩하는 것은 우리가 항상 하는 일이며 중첩에 본질적으로 잘못된 것은 없지만 때로는 코드를 읽기 어렵게 만들 수 있습니다. 이를 피하는 데 도움이 되는 한 가지 방법은 "조기 반환"디자인 패턴을 사용하는 것입니다. 이를 통해 if 문을 가드 절로 사용하여 추가 코드를 실행하기 전에 오류를 확인하고 반환할 수 있습니다. if/else 사용과 불필요한 중첩을 피하는 데 도움이 됩니다.

이와 같이:

전에

function deleteItem(item) {
  if (item != null) {
    console.log("Deleting item");
    item.delete();
  }
}

후

function deleteItem(item) {
  if (item == null) return;

  console.log("Deleting item");
  item.delete();
}

보시다시피 두 번째 구현이 분명히 더 깨끗합니다. 이 접근 방식은 코드를 보다 선형적이고 깨끗하며 읽기 쉽게 만드는 데 도움이 될 수 있습니다. 구현하기 쉬운 간단한 기술입니다.

2. 함수 매개변수에 대한 객체 구조 분해

개체를 매개 변수로 사용하고 새 값을 반환하기 위해 해당 개체에 대해 일종의 작업을 수행하는 함수가 있다고 가정해 보겠습니다. 객체 분해를 사용하지 않으면 다음과 같은 결과를 얻을 수 있습니다.

// not so good
function getFullName(person) {
  const firstName = person.firstName;
  const lastName = person.lastName;
  return `${firstName} ${lastName}`;
}

이 구현은 잘 작동하지만 이것을 구현하는 더 좋은 방법은 객체 구조 분해를 사용하는 것입니다. 한 줄에 이름과 성을 모두 얻기 위해 person 개체를 파괴할 수 있습니다.

// better
function getFullName(person) {
  const { firstName, lastName } = person;
  return `${firstname} ${lastName}`;
}

3. 순수 함수 사용

순수 함수는 읽고 이해하기 쉬운 코드를 작성하는 좋은 방법입니다. 순수 함수를 사용하면 복잡하고 따라하기 어려운 코드 작성을 피할 수 있습니다. 순수 함수는 동일한 입력이 주어지면 항상 동일한 결과를 반환하므로 예측 가능하고 신뢰할 수 있습니다. 또한 순수 함수는 테스트 및 디버그가 쉽기 때문에 소프트웨어 개발 프로젝트에 사용하기에 이상적입니다.

// bad
let items = 5;
function changeNumber(number) {
  items = number + 3;
  return items;
}
changeNumber(5);

// good
function addThree(number) {
  return number + 3;
}

4. 함수를 단순하게 유지

기능을 단순하게 유지하는 데는 많은 지혜가 있습니다. 기능을 작고 집중적으로 유지하면 기능과 작동 방식을 더 쉽게 이해할 수 있습니다. 이렇게 하면 오류가 덜 발생하고 유지 관리가 더 쉬워집니다. 또한 코드를 모듈식으로 유지하면 다양한 컨텍스트에서 개별 기능을 재사용하기가 더 쉬워집니다.

function signUpAndValidate() {
// Do a stuff here
}

한 가지만 담당하는 기능을 유지하는 것이 가장 좋습니다. 이것은 더 나은 접근 방식입니다.

function signUp() {
}
function validate() {
}

요컨대 기능을 단순하게 유지하면 이해하고 유지하기 쉬운 더 나은 코드를 만들 수 있습니다. 따라서 다음에 코드를 작성해야 하는 문제에 직면하게 되면 일을 단순하게 유지하는 것을 잊지 마십시오!

5. 의미 있는 변수 이름 사용

의미 있는 변수 이름을 사용하십시오. 코드를 더 읽기 쉽고 디버깅하기 쉽게 만듭니다. 예를 들어 x 또는 y를 변수로 사용하지 마십시오. currentWidth 또는 inputValue와 같이 변수의 목적을 설명하는 것을 사용하십시오.

// bad
let x = 0;
let y = 1;

// good
let currentWidth = 0;
let inputValue = 1;

Thanks for reading

나에 대해 더 알고 싶다면 my site을 방문하세요.