자바스크립트 실무 유틸 함수 시리즈 2

실제 개발 현장에서는 코드의 재사용성과 가독성을 높이기 위해 유틸리티 함수의 활용이 중요합니다. 이번 시리즈에서는 실무에서 더 자주 사용되지만 상대적으로 간과되기 쉬운 고급 유틸 함수들을 다룹니다.

---

✅ 1. isEmpty (빈 값 체크)

📌 모든 타입 지원

function isEmpty(value) {
  if (value == null) return true;
  if (typeof value === 'string' || Array.isArray(value)) return value.length === 0;
  if (typeof value === 'object') return Object.keys(value).length === 0;
  return false;
}

📌 활용 예시

• 입력값 유효성 검사
• API 응답 검증

---

✅ 2. uniqueArray (배열 중복 제거)

📌 간단한 유일 값 배열 생성

function uniqueArray(arr) {
  return [...new Set(arr)];
}

📌 활용 예시

• 태그 입력, 중복 키워드 제거

---

✅ 3. sleep (지연 함수)

📌 비동기 지연 제어

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

📌 활용 예시

• 테스트를 위한 API 요청 간 지연
• 임의 대기 구현

---

✅ 4. capitalize (문자열 첫 글자 대문자 변환)

📌 간단한 변환 함수

function capitalize(str) {
  if (typeof str !== 'string') return '';
  return str.charAt(0).toUpperCase() + str.slice(1);
}

📌 활용 예시

• 이름, 제목 자동 포맷팅

---

✅ 5. range (범위 배열 생성)

📌 시작값~끝값 범위 배열 생성

function range(start, end) {
  return Array.from({ length: end - start + 1 }, (_, i) => start + i);
}

📌 활용 예시

• 페이지네이션 구현
• 반복 데이터 생성

---

✅ 결론

이번 시리즈 2편에서는 프로젝트 품질과 개발 속도를 높이는 데 유용한 고급 유틸 함수들을 소개했습니다. 유틸리티 함수들을 적절히 활용하면 깨끗하고 유지보수하기 쉬운 코드를 작성할 수 있습니다.