news

이미지를 클릭하면, 작업 소스를 확인 할 수 있는 깃 페이지로 이동됩니다.

뉴스
리액트를 통해 뉴스 사이트를 만들었습니다. 총 5명의 팀원이 약 1주일간 진행한 프로젝트 입니다.
유료 뉴스 API, 무료 유투브 API, 무료 날씨 API를 사용하여 제작하였으며, reactQuery를 사용하여 데이터 및 캐싱, 동기화 작업을 하였습니다. Firebase를 통해 아이디, 비번 및 북마크한 데이터를 저장하였습니다.
*유료 API 로 작업되어 해당 페이지는 확인 불가합니다.
  • React
  • React Router Dom
  • Redux Toolkit
  • React Query
  • Firebase
  • Bootstrap
작업 내용
  • 작업 기여도 : 30%
    (뉴스 상세페이지, 뉴스 검색 기능, 뉴스 더보기 기능)
  • UX/UI 디자인 : 60%
설명
  • 뉴스 메인 페이지에서 나라별, 언론사별 뉴스와 현재 날씨, 유투브 뉴스 영상을 확인할 수 있습니다.
  • 카테고리 클릭시 해당 카테고리의 맞는 뉴스를 확인할 수 있습니다.
  • 카테고리 내 뉴스는 20개씩 보여주고, 더보기 클릭 시 더 많은 뉴스를 확인할 수 있습니다.
  • 뉴스 검색시 해당 키워드를 포함하고 있는 뉴스를 확인할 수 있습니다.
  • 로그인/로그아웃을 할 수 있습니다.
  • 로그인 후 마이페이지에서 좋아하는 카테고리를 북마크할 수 있습니다.
  • 북마크한 카테고리의 뉴스를 메인 상단에서 확인할 수 있습니다.