GJ-NEWS

긍정 뉴스만 뽑아보자! 😊

Google Natural Language API를 활용한 감정 분석 기반 뉴스 필터링 서비스

✨ 주요 기능

• 실시간 뉴스 검색: Naver 검색 API를 통한 최신 뉴스 검색
• 감정 분석: Google Natural Language API로 뉴스 감정 점수 분석
• 긍정 뉴스 필터링: 긍정적인 뉴스만 선별하여 표시
• 무한 스크롤: 끊김 없는 뉴스 탐색 경험
• 정렬 옵션: 정확도순 / 최신순 정렬
• 반응형 디자인: 모바일/태블릿/데스크톱 모두 지원

🛠 기술 스택

• Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS 4
• State Management: TanStack Query (React Query)
• HTTP Client: Axios
• APIs:
  • Naver Search API (뉴스 검색)
  • Google Natural Language API (감정 분석)

📁 프로젝트 구조

src/
├── app/                    # Next.js App Router
│   ├── page.tsx           # 메인 페이지 (검색창)
│   └── search/            # 검색 결과 페이지
├── api/                   # API 호출 로직
│   ├── interceptor.ts     # Axios 인스턴스
│   ├── search.ts          # 뉴스 검색
│   └── sentiment.ts       # 감정 분석
├── components/            # 재사용 컴포넌트
│   ├── NewsCard.tsx       # 뉴스 카드
│   ├── NewsList.tsx       # 뉴스 리스트
│   ├── SearchBar.tsx      # 검색바
│   └── FilterOption.tsx   # 필터 옵션
├── hooks/                 # Custom Hooks
│   └── api/               # API 관련 훅
├── types/                 # TypeScript 타입 정의
├── utils/                 # 유틸리티 함수
└── constants/             # 상수 정의