JavaScript 코드 줄 길이는 얼마나 유지해야 할까?

JavaScript 줄 길이 권장 기준: 80자 이내

JavaScript에서 한 줄의 길이는 80자 이하로 유지하는 것이 좋습니다. 이렇게 하면 코드를 훨씬 읽기 쉬워지고, 가독성이 향상되어 협업 시에도 다른 개발자가 코드를 빠르게 이해할 수 있습니다.

긴 문장은 줄바꿈으로 처리하기

JavaScript 문장이 한 줄에 다 들어가지 않을 경우, 가장 좋은 방법은 적절한 위치에서 줄바꿈(break)을 사용하여 다음 줄로 넘어가는 것입니다.

단, 줄바꿈은 아무 위치에서나 하는 것이 아니라 쉼표(,) 또는 연산자 뒤에서만 해야 합니다. 이는 JavaScript의 자동 세미콜론 삽입(ASI) 규칙으로 인해 발생할 수 있는 오류를 방지하고, 코드의 의도를 명확하게 전달하기 위함입니다.

연산자 뒤에서 줄바꿈하는 예제

예를 들어, 아래와 같이 연산자 뒤에서 줄바꿈하여 문장을 작성할 수 있습니다.

function display() {
    var a = "";
    a = a + isNaN(6234) + ": 6234<br>";

    a = a + isNaN(-52.1) + ": -52.1<br>";

    a = a + isNaN('') + ": ''<br>";
    document.getElementById("test").innerHTML = a;
}

정리

• 한 줄은 가능한 한 80자 이내로 유지합니다.
• 문장이 길어지면 쉼표나 연산자 뒤에서 줄바꿈합니다.
• 줄바꿈 규칙을 일관되게 지키면 코드 가독성과 유지보수성이 크게 향상됩니다.