Bootstrap을 사용한 반응형 웹 구성 및 디자인 (HTML,CSS)
https://newscatcherapi.com/ 의 api을 이용
api의 정보를 불러오기 위한 fetch 및 비동기 처리를 위한 async, await 사용
ES6 문법 중 하나인 화살표 함수와 배열 함수 (map, foreach) 사용
사용자의 입력에 따라 쿼리가 바뀌어 원하는 뉴스 항목을 탐색하거나 키워드에 맞는 기사를 자세히 찾을 수 있다
서비스를 사용하는 유저들에게 오류를 직관적으로 보여주고 해결법을 제시하기 위해 try-catch 문을 구현했다
더 많은 기사를 볼 수 있게 Pagenation 구현
화살표를 눌러 제일 첫 페이지, 끝 페이지를 탐색할 수 있으며
지금 보고 있는 페이지에 따라 화살표가 생성 및 제거됨
페이지를 넘긴 상태에서 새로운 검색을 하거나 뉴스 항목을 클릭하면 1페이지로 돌아감