이렇게 usePostActions라는 Hook 함수에 포스트 수정 및 삭제에 관한 로직을 담았으니, 나중에 수정 및 삭제 관련 코드를 고쳐야 할 때 PostCard에서 고칠 부분을 찾아 헤매지 말고 바로 usePostActions를 열어서 그 내부에서 수정하면 됩니다. Hook을 여러 파일에서 재사용하지 않더라도 이렇게 로직을 분리해 작성하는 방식으로 코드를 정리해서 사용하면 개발할 때 편합니다. 컴포넌트 코드가 너무 길어질 것 같거나 나중에 봤을 때 헷갈릴 것 같다 싶으면 Hook으로 분리하면 좋습니다.

이제 iOS와 안드로이드에서 포스트의 우측 상단 아이콘을 눌러보세요. 다음과 같이 ActionSheetIOS 또는 ActionSheetModal이 잘 나타나나요?

▲ 그림 9-21 포스트 우측 상단 버튼 누르기