News API 를 활용한 뉴스 어플리케이션 프로젝트 (2)_Retrofit 적용하기

Rertrofit 를 활용하면서 데이터를 정상적으로 가져오지만, UI에 반영시키지 못하는 문제(화면상에서 아예 하얀창으로 출력)가 있었습니다.

UI에 제대로 반영되지 않는 이유가, UI를 먼저 그린 이후에야 retrofit response를 응답받아서 그런 현상이 생기는지 알았으나, 생각해보면, Retrofit이 나중에 반영돼도 일단 View에 값을 넣으면 UI에 보여야하는데 말이죠.

원인을 파악해보니 애초에 .xml 파일상에서 layout 설정을 잘못하여 data 반영이 안되고 있었습니다.

 

이제는 아래 사진과 같이 정상적으로  Recycler view를 활용하여 각 news 별 data를 받아오는 것을 확인할 수 있습니다.

 

각 항목별로 Category와 Country 정보를 constraint layout 으로 구성하였고, 해당 layout과 아래 뉴스기사의 description은 vertical linear layout로 구성하였습니다.

 

https://github.com/MCYJ/news_app/commit/2dec687730cff5c3931b12dd5de755837d786a45

feat: Retrofit applied · MCYJ/news_app@2dec687

 

[그림] News API를 활용하여 data를 구성

 

이제부터는 각 항목별로 테두리를 넣어서 뉴스기사별 UI분리가 가능하도록 구성할 예정입니다.

 

안드로이드에서 border는 각 리스트 요소별로 직접 drawble을 활용하여 구성해야한다고 합니다.

 

추후에 해당사항 반영하여 다시 업데이트할 예정입니다.