[사전] shorthand : 속기, 약칭
정의:
JavaScript의 객체 리터럴(Object Literal)에서 키와 값의 이름이 동일할 때, 축약된 형태로 작성할 수 있는 문법입니다.
특징:
- 원래는 content: content처럼 키와 값을 명시적으로 작성해야 하지만, Property Shorthand를 사용하면 단순히 content라고만 적어도 됩니다.
- 코드가 간결해지고 가독성이 좋아집니다.
예시:
const name = "지구별여행자";
const age = 30;
// Property Shorthand 사용 전
const user1 = {
name: name,
age: age,
};
// Property Shorthand 사용 후
const user2 = {
name,
age,
};
console.log(user1); // { name: "지구별여행자", age: 30 }
console.log(user2); // { name: "지구별여행자", age: 30 }
요약:
content, 같은 표현은 **"속성 축약 표현(Property Shorthand)"**이라고 부르며, 객체 리터럴에서 동일한 키와 값을 간단히 표현할 때 사용되는 문법입니다.
'SW Engineer & Developer > React Craft' 카테고리의 다른 글
React React.memo (0) | 2025.01.27 |
---|---|
React useMemo (0) | 2025.01.27 |
React에서 useState와 useReducer (0) | 2025.01.27 |
array.map() 아직 어색한... (0) | 2025.01.26 |
React 시작 (0) | 2025.01.26 |