📄 뉴스 요약 및 분석 서비스
사용자 입력 URL 기반 GPT 요약/분석 자동화 시스템
Frontend: React + Vite / Backend: Java + Spring Boot
1. 목표
- 사용자가 입력한 뉴스 URL을 기반으로 본문 크롤링
- OpenAI GPT API를 통해 기사 요약, 주제 분류, 키워드 추출
- 프론트엔드에 요약 결과를 시각화하여 출력
2. 전체 시스템 아키텍처

3. 기능 명세
✅ 프론트엔드 (React)
| 기능 | 상세 내용 |
| URL 입력창 | 사용자 입력 받기 (뉴스 기사 URL) |
| 로딩 상태 표시 | 분석 요청 중 상태 표시 |
| 결과 표시 | 요약, 주제, 키워드 뱃지 형태로 시각화 |
| 에러 처리 | 잘못된 URL/서버 오류 메시지 표시 |
✅ 백엔드 (Spring Boot)
| 기능 | 상세 내용 |
| /analyze-url API | POST 요청 → URL 기반 기사 크롤링 + GPT 요청 |
| 뉴스 본문 크롤링 | Jsoup 사용, <article> 또는 <div id=dic_area> 등 대상 |
| GPT API 호출 | 기사 본문 전달 → 요약, 주제, 키워드 수신 |
| 결과 응답 JSON | title, summary, topic, keywords 포함 |
4. API 설계
📍 POST /api/analyze-url
요청:
{
"url": "<https://news.naver.com/article/015/0005145357>"
}
응답:
{
"title": "“곧 日 여행 가는데 어쩌나”…대지진 예언설 커지는 공포",
"summary": "일본의 지진 예언설과 정부 경고가 겹치며...",
"topic": "재난/여행",
"keywords": ["지진", "여행 취소", "SNS", "예언", "난카이 해구"]
}
5. 개발 단계별 계획
| 단계 | 작업 내용 | 예상 기간 |
| 1단계 | 프로젝트 구조 세팅 (React + Spring Boot) | 0.5일 |
| 2단계 | 뉴스 URL 입력 화면 구현 | 0.5일 |
| 3단계 | URL 크롤러 구현 (Jsoup) | 1일 |
| 4단계 | GPT API 연동 및 응답 포맷 설계 | 1일 |
| 5단계 | 프론트 결과 출력 + 키워드 뱃지 UI | 0.5일 |
| 6단계 | 에러 처리, UX 개선 | 0.5일 |
| 7단계 | Docker 기반 배포 환경 구성 (선택) | 1일 |
예상 개발 기간: 총 4~5일
7. GPT 요청 프롬프트 (예시)
다음 뉴스 기사를 요약하고 주제를 분류하고 키워드를 5개 이내로 추출해주세요.
[기사 본문]
{본문 내용}
요약:
주제:
키워드:
8. 향후 확장 계획 (MVP 이후)
- 분석 결과 저장/조회 (DB 연동)
- GPT 요약 비교 (짧은 요약 vs 긴 요약)
'프로젝트 > 뉴스 요약 (AI)' 카테고리의 다른 글
| [뉴스 요약] REST API 예외 응답 처리 (1) | 2025.06.25 |
|---|---|
| [뉴스 요약] AI 중복 요청 분기 처리 (Database 구성) (0) | 2025.06.23 |
| [뉴스 요약] Swagger, REST Docs 적용 (4) | 2025.06.21 |
| [뉴스 요약] 프론트 (Vite + React) (1) | 2025.06.20 |
| [뉴스 요약] 백엔드 (Jsoup 파싱 + ChatGPT AI 연결) (4) | 2025.06.19 |