[javascript] 코드 중복 최소화

22 Dec 2023

javascript

많은 프로그래머들은 코드 중복을 피하기 위해 노력합니다. 코드 중복은 유지보수성을 저하시키고, 버그를 발생시킬 가능성을 높입니다. 따라서, 중복된 코드를 최소화하여 코드의 효율성과 가독성을 향상시킬 수 있습니다.

함수 활용

함수는 중복 코드를 최소화하는 가장 일반적인 방법 중 하나입니다. 공통된 작업을 하는 코드를 함수로 만들어 여러 곳에서 호출할 수 있습니다.

function calculateArea(radius) {
  return Math.PI * radius * radius;
}

// 중복 코드
let circle1 = Math.PI * 5 * 5;
let circle2 = Math.PI * 10 * 10;

// 함수로 대체
let circle1 = calculateArea(5);
let circle2 = calculateArea(10);

모듈화

코드를 모듈화하여 중복을 피할 수 있습니다. 여러 파일이나 모듈을 통해 중복을 없애고, 필요할 때마다 해당 모듈을 임포트하여 사용할 수 있습니다.

// circle.js
export function calculateArea(radius) {
  return Math.PI * radius * radius;
}

// main.js
import { calculateArea } from './circle.js';

let circle1 = calculateArea(5);
let circle2 = calculateArea(10);

데이터 구조화

일반적으로, 상수 값이 중복되는 경우 그 값을 데이터 구조로 구성하여 중복을 최소화할 수 있습니다.

// 중복 코드
let student1 = {
  name: 'John',
  grade: 10
}

let student2 = {
  name: 'Emma',
  grade: 9
}

// 데이터 구조화
let students = [
  { name: 'John', grade: 10 },
  { name: 'Emma', grade: 9 }
]

코드 중복을 최소화하는 것은 중요한 프로그래밍 실천 방법의 하나입니다. 이는 코드를 더 읽기 쉽고 유지 보수하기 쉽게 만들어줄 뿐만 아니라, 프로그램의 성능과 효율성을 향상시킬 수 있습니다.

참고: MDN web docs