Feature_mainPage: seed.js 파일 임포트 시 오류

[minseonju]

1. import {Seed} from './seed.js';

<div className='mainpage-bottom-container'> <div className='seed-container'>seed</div> <div className='sign-container'> {Seed}</div>

위에 처럼 seed.js 파일을 mainpage.js 파일에서 임포트 할 경우 오류가 발생함.

2. import Seed from './seed.js';

<div className='mainpage-bottom-container'> <div className='seed-container'>seed</div> <div className='sign-container'> {Seed}</div>

위의 경우처럼 임포트할 경우에는 화면에 아무것도 표시되지 않음.

[minseonju]

import Seed from './seed.js';

<div className='mainpage-bottom-container'> <div className='seed-container'>seed</div> <div className='sign-container'> <Seed/></div>

• 다음과 같은 jsx 태그 형식으로 코드를 작성해야지 임포트 가능함.
• Seed 컴포넌트를 중괄호 {}로 감싸서 변수처럼 사용하면 오류가 발생함.