const {Title} = Typography 를 해주는 이유가... - 인프런

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

const {Title} = Typography 를 해주는 이유가 뭔가요??

작성

246

기본 html태그에 antd 프레임워크를 적용시키는 부분에서 다음과 같은 코드가 있는데요,

const {Title} = Typography
const {TextArea} = Input

위와 같은 변수 대입을 해주는 이유가 뭔가요?? 그냥 Typography와 Input을 그대로 사용해도 될거같은데 가독성의 이유일까요??

그리구 한가지 더 질문드리자면, 제가 javascript 문법을 잘 몰라서그런데 const 변수에 값을 대입할때 첫번째가 아닌 두번째 코드처럼 중괄호를 붙여주는 이유가 있나요??

const Title = Typography
const {Title} = Typography

답변해주시면 감사하겠습니다

mongodb redux react 웹앱 nodejs

답변 2

John Ahn

지식공유자

안녕하세요 yumyum님 const { Title} = Typography는 const Title = Typography.Title 이랑 같습니다.

그리고 const {TextArea} = Input은 const TextArea = Input.TextArea 입니다. ~

이것은 Javascript 문법 중에 Destructuring이라고 합니다 ~

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment
여기에서 한번 읽어보시는것도 많은 도움이 될것같습니다 ~ !

Lee Seorim

저도 수업 듣다가 이 부분이 궁금했는데 설명 감사합니다!

인프런 커뮤니티 질문&답변

const {Title} = Typography 를 해주는 이유가 뭔가요??