JavaScript 개발 시 반드시 지켜야 할 핵심 코딩 모범 사례

JavaScript는 유연성이 높은 언어인 만큼, 잘못된 습관이 코드 품질과 성능에 큰 영향을 미칠 수 있습니다. 아래에서는 JavaScript로 개발할 때 반드시 따라야 할 대표적인 모범 사례를 정리했습니다.

switch 문은 default로 마무리하기

switch 문을 작성할 때는 항상 default 절로 끝내는 것이 좋습니다. 예상하지 못한 값이 들어오더라도 의도한 동작을 보장할 수 있어 코드의 안정성과 예측 가능성이 높아집니다.

필요한 변수만 생성하고 활용하기

JavaScript에서는 실제로 사용할 변수만 선언하고 값을 저장해야 합니다. 불필요한 변수 선언과 중복된 코드 줄을 줄이면 메모리 낭비를 막고 유지보수도 쉬워집니다.

document.write(num.copyWithin(2,0));

with 키워드 사용 피하기

with 키워드는 JavaScript 실행 속도에 좋지 않은 영향을 미치며, 코드의 동작을 예측하기 어렵게 만듭니다. 엄격 모드(strict mode)에서는 아예 사용이 금지되므로, 실무 코드에서는 사용하지 않는 것이 바람직합니다.

더 빠르게 동작하는 루프 작성하기

반복문을 사용할 때는 배열 길이와 같은 값의 할당을 루프 밖에서 처리하면 실행 속도가 향상됩니다. 매번 length 프로퍼티에 접근하는 것을 방지할 수 있기 때문입니다.

var i;
// 루프 외부에서 할당
var j = arr.length;

for (i = 0; i < j; i++) {
    // 코드 작성
}

eval() 함수 사용 자제하기

JavaScript에서 eval() 함수를 사용하면 문자열을 코드로 실행하기 때문에 보안 취약점이 발생할 수 있습니다. 악성 코드 삽입(XSS) 공격에 노출될 위험이 있으므로, eval() 대신 JSON.parse() 등 안전한 대안을 사용하는 것이 좋습니다.

선언문은 항상 코드 최상단에 배치하기

모든 JavaScript 변수 선언을 코드 상단에 모아두는 것은 좋은 습관입니다. 이렇게 하면 다음과 같은 장점이 있습니다.

• 모든 변수를 한곳에서 확인할 수 있어 관리가 편리합니다.
• 실수로 인한 전역 변수 생성을 방지할 수 있습니다.
• 중복 선언을 피할 수 있습니다.
• 다른 개발자가 코드를 읽고 이해하기 쉬워집니다.

위의 모범 사례들을 일관되게 적용하면 더 안전하고, 빠르며, 읽기 쉬운 JavaScript 코드를 작성할 수 있습니다.