{ } 의미를 정확하게 이해를 못하겠습니다.ㅠㅠ

pysoon70님,

안녕하세요. 지식공유자 Wintho입니다.

문의 주신 내용에 답변 드립니다.

우선,

import React, { Component } from ‘react’;

에서의 중괄호 사용법에 대해 설명 드리겠습니다.

어떤 module을 import 할 때 중괄호를 쓰는 것은, 그 module이 export 되는 방법과 연관이 있습니다.

예를 들어, 저희가 App.js에서 가장 하단에 export default App; 이라고 쓰고, App이라는 class를 default로 export 하고 있죠.

그런 경우에는 다른 곳에서 중괄호를 쓰지 않고 import 해줍니다.

import App from ‘./App’;

이렇게요.

하지만, class를 export하는 방법에는 default 방법만 있는 것은 아닙니다. Named Export라는 것이 있는데,

export {App}; 이라고 export 된 class를 다른 곳에서 import 해줄 경우,

import {App} from ‘./App’;

과 같은 형식으로 import 해주게 됩니다.

결국, React에서 제공해주는 API가 어떻게 구성되어있는지의 문제라고 할 수 있습니다.

다음으로,

const { params } = this.props.route;

에서의 중괄호 사용법에 대해 설명 드리겠습니다.

이 경우는 상기에서 설명드린 내용과는 상이합니다.

여기서는 params라는 객체를 선언하는 것이기 때문에, 중괄호는 객체를 감싸고 있다고 생각하시면 됩니다.

그래서 params.userIdx, params.userName, params.userLastName와 같이

객체 뒤에 . 을 찍어서 객체 내의 key값에 접근을 할 수 있는 것이죠.

감사합니다.

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