카테고리 없음

객체의 키와 값을 표현식으로 사용하는 경우

lamarcK 2025. 4. 27. 03:26
// 1. 폼 유효성 검사
const formValidation = {
  [`field_${fieldName}`]: {
    isValid: value.length >= minLength,
    errorMessage: value.length < minLength ? `최소 ${minLength}자 이상 입력하세요` : ''
  }
};

// 2. 동적 API 엔드포인트 구성
const apiEndpoints = {
  [`${baseURL}/${version}`]: {
    isValid: checkConnection(),
    lastChecked: new Date().getTime()
  }
};

// 3. 권한 기반 컴포넌트 설정
const componentPermissions = {
  [`${userId}_${componentId}`]: {
    canView: checkUserPermission(userId, 'view'),
    canEdit: checkUserPermission(userId, 'edit')
  }
};

// 4. 다국어 처리
const translations = {
  [`${language}_${key}`]: {
    text: getTranslation(key, language),
    isVerified: checkTranslationStatus()
  }
};

이런 패턴들은 다음과 같이 사용됨

  • 동적 데이터 처리
  • 설정 자동화
  • 유연한 시스템 구축