리액트 리스트 만들기

React - 리스트와 Key

이번 포스팅에서는 React를 사용해서 리스트를 만들어보고자 한다. 우선 ReactDOM.render( )를 이용해 랜더링 할 component를 다음과 같이 만들어 놓고 시작하도록 하자. 이제 랜더할 리스트 component를 만들어서 component 안에 집어 넣기만 하면 된다. 원래는 게시글 리스트 같은 것을 만들 때 데이터베이스와 통신해서 그 결과물을 가져와야 하지만 배열 형태의 더미 데이터를 state 객체 안에 담아놓고 리스트를 만들어 보도록 하겠다. 짚고 넘어가야할 포인트는 map 함수와 JSX 문법을 이용해 배열에 담긴 데이터를 엘리먼트 안에 넣어서 다시 배열로 만들었다는 것이다. 그렇게 반환된 배열을 안에 집어넣기만 하면 리스트가 만들어진다. 이 때 리스트의 각 항목에 "key"를 넣어..