마지막으로 구현할 프로젝트의 기능은 포스트 삭제입니다. 이에 대한 작업을 마치고 나서 프로젝트를 마무리하겠습니다.

삭제 버튼을 누를 때 포스트를 바로 삭제하는 것이 아니라, 사용자의 확인을 한 번 더 요청하고 나서 삭제하려고 합니다. 이렇게 하는 이유는 사용자가 실수로 삭제하는 것을 방지하기 위해서입니다.

사용자에게 한 번 더 확인을 요청하기 위해 모달 컴포넌트를 만들겠습니다. 모달(modal)이란 페이지에 나타난 내용 위에 새 레이어로 어떠한 창을 보여 주는 것을 말합니다.

▲ 그림 27-4 모달

 

이 프로젝트에서는 모달 컴포넌트를 포스트 읽기 페이지에서만 사용하지만, 컴포넌트의 재사용성을 고려하여 common 디렉터리에 만들어 보겠습니다.