SW Engineer & Developer/React Craft

Property Shorthand 속성 축약 표현

ByteCraft 2025. 1. 27. 05:25
[사전] 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