실습문제3

1) 화면구현

• 실습문제 1, 2번의 데이터를 바탕으로 자유로운 화면을 구현해주세요.

• 구현해야할 화면은 아래와 같습니다.

  • 1) 상세보기화면

  • 2) 수정하기화면

2) 조건

• 게시글 목록, 등록, 상세보기, 수정하기 화면을 각각 분리 한 후 시작화면은 게시글 목록이 보이도록 작업합니다.

• 각 컴포넌트는 react-router를 이용하여 구분하며 url자원당 랜더링할 컴포넌트는 다음과 같습니다.

  • /list로 들어온 요청은 게시글 목록

  • /inesrt로 들어온 요청은 게시글 등록

  • /detail은 게시글 상세보기

  • /update는 게시글 수정하기

• 게시글 목록에서 게시글을 클릭하면 내가 선택한 게시글 정보가 보이는 상세보기 화면으로 이동합니다.

• 상세보기화면에서 수정하기 버튼을 클릭시, 내가 클릭한 게시글 정보가 담겨있는상태로 수정하기 화면으로 이동합니다

• 수정하기시 Movie의 id값을 변경할 수는 없습니다.

• 수정하기시 각 입력값은 필수 입력값입니다.

• 수정 완료된 Movie객체는 게시글 목록에 반영되어야합니다.

• 수정완료 후 내가 수정한 게시글 상세보기 화면으로 이동해야 합니다.