https://github.com/romantech/search-times

뉴욕 타임즈 기사 검색
https://github.com/romantech/search-times

ant-design newyorktimes react redux search-bar styled-components typescript

Last synced: about 1 month ago
JSON representation

뉴욕 타임즈 기사 검색

• Host: GitHub
• URL: https://github.com/romantech/search-times
• Owner: romantech
• Created: 2021-11-12T07:36:36.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-24T05:20:32.000Z (4 months ago)
• Last Synced: 2025-01-24T06:18:10.704Z (4 months ago)
• Topics: ant-design, newyorktimes, react, redux, search-bar, styled-components, typescript
• Language: TypeScript
• Homepage: https://search-times.vercel.app
• Size: 1.82 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Search Times

![searchTimes_01](https://user-images.githubusercontent.com/8604840/141826030-73aff288-eb89-4d94-80a1-4b133780e57d.gif)

> _입력한 키워드로 뉴욕타임즈 기사를 검색하는 미니 어플리케이션입니다_

- Live Demo: [http://search-times.vercel.app](http://search-times.vercel.app/)

- 작업기간 3일

# 사용 스택 / 라이브러리

- Core: React + TypeScript

- State Management: Redux

- Styling: Styled-Components

- UI Library: Ant Design

# 주요 기능

- 뉴욕타임즈 API를 활용한 기사(Article) 검색

  - 검색창 키워드 변경시 자동 검색

  - 중복 요청 시 이전 요청 취소(Axios Cancel Token 활용)

- 기사 즐겨찾기

  - 원클릭 즐겨찾기 추가 / 해제

  - 즐겨찾기 데이터 로컬 스토리지 저장

- 반응형 웹 지원

# 프로젝트 목적

- 실시간 검색창에 디바운스 적용 실습

- Axios 취소 토큰 실습