구현하면서 아 이게 왜 심화과정에 해당되는 프로젝트인지 알 것 같다는 생각이 바로 들어버리는 ¡¡¡( •̀ ᴗ •́ )و!!!

---

수정된 UI

SearchFragment

위처럼 SearchView로 기존에 설정했었는데 뭔가 디자인이 마음에 안들어서 editText랑 imageButton로 변경해주었다.

---

item layout

격자로 item을 배치하기 위해 수정해줬다.

---

Constrant

API_KEY와 url을 Constrant 파일에 설정해준다.

---

Interface 설정

Query가 다수이기 때문에 Query 대신 QueryMap을 이용해주면 된다.

---

MainActivity 설정

bottomNavigationView의 item에 따라 SearchFragment나 SaveFragment이 전환되면 된다.

---

SearchFragment 설정

SearchAdapter을 연결해주고, 해당 recyclerview의 레이아웃은 격자모양으로 2개씩 이미지가 나오도록 설정해주고 recyclerview의 각기 다른 크기를 방지하기 위해 일정하도록 구현해주었다.

네트워크 요청을 통해 이미지 검색 결과를 가져와 화면에 표시해준다.

Interface에서 기존의 Query의 다수를 QueryMap으로 설정해주었고, 이를 활용하기 위해 HashMap을 사용했기 때문에 query 파라미터를 하단에 hashMapOf 형태로 설정해주었다. 게시물은 최신순으로 정렬되기를 원해서 sort에는 recency를 적용해주었다.

---

SearchAdapter 설정

SearchAdapter에서는 inner class를 이용하여 searchview의 recyclerview에 들어갈 item 레이아웃의 id를 이용해 상수로 선언해주었고, 문자열을 파싱해 날짜 및 시간을 원하는 형태로 변환해 설정해주었다.

이이미지는 api에서의 url을 가져오기 때문에 Glide를 이용해주고 나머지는 Document에 해당하는 값으로 설정해주었다.

---

실행화면