파일 구조

/app/list
/app/list/listItem

(list)

import listItem from "/list/listItem"
<div>
	<ListItem/> // 자식 컴포넌트 
<div>

(listItem) 

{
	result.map(a,i) {
	<div>{result.title}</div>
	}
}

이런 식으로 진행하면 listItem에서 result가 정의 되지 않았다고 뜬다. 이걸 해결 하기 위해서 두 가지 방법이 있음

1. props 전달

2. listItem에서 result 즉 DB 데이터 직접 가져오기

3. props 전달 ( 1. 자식 컴포넌트에 전송할 state 명시 , 부모 컴포넌트에 props 명시 )