리액트로 쇼핑몰 사이트 만들기 #2 데이터 넣기 (import export), 컴포넌트로 바꾸기

 

지금은 서버에서 가져왔다고 가정하고 작성할 예정

 

1. 먼저 서버에서 가져온 데이터라고 가정하고 data.js 파일을 만든다.

 

2. App.js에 data.js 파일의 변수 data 를  import 하고,

 

3. 이렇게 가져온 data 를 App.js 에서는 shoes 라는 변수에 할당한다.

 

4. 그리고 shoes[인덱스번호].접근할요소의 이름 을 중괄호 안에 작성해주면 된다.

 

 

 

완성

 

 

 

복잡하고 더러워진 이 상품 <div> 들도 컴포넌트로 변환해주자