실습문제 1

데이터바인딩 연습

1) 화면구현

리액트를 활용하여 다음 화면을 구현하시오.

조건

• 컴포넌트는 함수형 컴포넌트를 사용한다.

• 게시글 목록은 배열데이터로 관리한다.

• 게시글 목록은 일반변수가 아닌 state로 관리한다.

• 화면의 렌더링은 하드코딩하지 않고 배열데이터를 바탕으로 데이터바인딩한다.

• 그 외 컴포넌트들은 필요해 보이면 추가한다.

• delete버튼을 누르면 누른 행의 게시글 정보가 삭제된다.

힌트 : state의 변경사항은 화면에 반영된다.