클린코드

2020-07-19

해당 Post는 클린코드에 대해서 정리한 파일입니다.

프로그래밍 코드는 컴퓨터가 올바르게 해석할 수 있도록 구현해야 합니다.

그런데 결국 코드는 사람들이 같이 수정하고 공유하는 것이기 때문입니다.

클린 코드라는 것은 읽기 좋은 코드, 가독성 있는 코드를 말합니다.

사람마다 더 좋은 코드가 무엇인지는 조금씩 다를 수 있습니다.

클린코드 내용을 담고 있는 책이나 글을 많이 보면, 어떤 코드가 좋은지 점점 알 수가 있습니다.

더 좋은 방법은 많은 사람에게 코드리뷰를 받는 것입니다.

아래 몇몇 예시는 클린코드를 만드는 몇 가지 examples에 지나지 않습니다.

이름 (코딩컨벤션)

이름을 짓는 건 쉬운 일은 아니지만, 읽기 좋은 코드를 만드는데 필수 요소입니다.

이런 부분을 고려하세요.

어떤 코드가 좋은지 고민이라면, 내 코드를 들여다보고 그 의도가 잘 보이는지 확인해봅니다.

예를 들어, var a = value * 19.2; 이라는 코드가 있다고 봅시다.

도대체 19.2가 무엇을 의미하는지? 알 수가 없습니다.

대신 변수로 저장하고, 변수에 적절한 이름을 쓰면 더 좋습니다.

함수 내에서만 사용이 필요로 한 것은 지역변수로 만들어야 합니다.

불필요한 전역변수는 최소화해야 코드가 많아지고 수정할 때 복잡함을 줄일 수 있습니다.

var a = 'hello';

function print() {
   return data;
}

function exec() {
   var data = "world";
   a = a + " ";
   print(a + data)
}

function foo(pobi,crong) {
  if(pobi) { 
    if(crong) {
      return true;
    }
  }
}

if문을 아래처럼 한다면 쉽게 중첩된 코드를 없앨 수 있습니다.

return문을 잘 쓰세요.

function foo(pobi,crong) {
  if(!pobi) return;
  if(crong) {
    return true;
  }
}

자바스크립트에서 var키워드를 함수 안에서 사용하면, 그 변수는 함수안에서만 유용합니다.

이를 함수 scope라고 합니다.

하지만 함수 안에서 var 키워드를 사용하지 않으면 전역변수가 됩니다.

물론 함수 밖에서 var 키워드를 사용해서 변수를 선언해도 이건 전역변수입니다.

다양한 함수에서 같이 어떤 값을 공유하면서 사용해야 한다면 전역변수로 두고 쓸 수 있습니다.

이는 전역공간을 더럽히는 것으로 나중에 디버깅이 어려울 수 있습니다.

eslint와 같은 도구는 코드를 읽어서 잠재적인 문제와 anit-pattern을 알려줍니다.

이는 개발도구에서도 plugin을 연동해서 활용할 수가 있습니다.

예전에 누군가 추천을 해줘서 찾아봤던 기억이 있습니다.

한번 간단히 읽어봤을 때 내용이 참 좋다고 생각했습니다.

인턴을 하던 와중에 선임분께서 잠시 빌려주셨던 책입니다.

앞부분만 읽었던 터라 기억이 나는 내용은 가독성에 대한 내용과 네이밍, 주석에 관한 내용이었습니다.

한달 뒤 책을 구매한 뒤 한번 읽어봐야겠습니다.