더북(TheBook)

원래 ActivityIndicator를 보여주는 조건을 isLoadingtrue일 때로 설정해도 됩니다. 이와 같은 방식으로 구현한 이유는 현재 타입스크립트를 사용하고 있기 때문입니다. 어차피 data 값이 undefined가 아닌지 확인해야 Article 컴포넌트에 articles Prop을 설정하는 과정에서 타입스크립트 오류가 발생하지 않기 때문이죠.

이제 앱 화면을 확인해보세요. 그림 15-3처럼 정보가 잘 나타났나요? 14장에서 Postman의 요청 예시를 그대로 따라 했다면 게시글이 하나만 남아있을 텐데요. Postman으로 게시글을 더 작성해서 여러 개의 게시글이 제대로 나타나는지 확인해보세요.

▲ 그림 15-3 ArticlesScreen

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.