import & export

React는 JavaScript 기반의 라이브러리이기 때문에, JavaScript에서 사용되는 모듈 시스템을 활용하여 코드를 모듈화하고 관리합니다. 이를 위해 import와 export 키워드를 사용합니다.

import는 다른 파일에서 선언된 모듈을 현재 파일에서 사용하고자 할 때 사용됩니다. import 키워드는 다음과 같이 사용됩니다

import SomeComponent from './SomeComponent';
위 코드에서 SomeComponent는 ./SomeComponent 파일에서 선언된 모듈입니다. 이 모듈은 SomeComponent라는 이름으로 현재 파일에 가져와 사용됩니다.

//

export는 현재 파일에서 선언된 모듈을 다른 파일에서 사용하고자 할 때 사용됩니다. export 키워드는 다음과 같이 사용됩니다:

export default function SomeComponent;
위 코드에서 SomeComponent는 현재 파일에서 선언된 모듈입니다. 이 모듈은 default 키워드와 함께 export되었으며, 다른 파일에서 import하여 사용할 수 있습니다.