카테고리 없음
객체의 키와 값을 표현식으로 사용하는 경우
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()
}
};
이런 패턴들은 다음과 같이 사용됨
- 동적 데이터 처리
- 설정 자동화
- 유연한 시스템 구축