타입스크립트 풀스택 프로젝트 - BookVerse

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 프론트엔드/백엔드 개발자, AI 통합에 관심 있는 개발자
• 난이도: 중급~고급 (TypeScript, React, Server-Sent Events, AI SDK 활용)

핵심 요약

• 프론트엔드: React + TypeScript + Tailwind CSS로 구현
• 백엔드: Express + Node.js + TypeScript 기반의 API 서버
• AI 통합: Google GEN-AI SDK를 활용한 책 요약/추천 챗봇 구현

섹션별 세부 요약

1. 프로젝트 개요

• 디지털 도서관 앱으로, 책 검색, 리스트 관리, 다운로드 링크 제공 기능 포함
• Consumet API를 통해 PDF/EPUB 다운로드 기능 제공
• Google Books API로 책 정보 및 메타데이터 수집

2. 기술 스택

• 프론트엔드: React, TypeScript, Tailwind CSS
• 백엔드: Express, Node.js, TypeScript
• AI 기능: Google GEN-AI SDK를 활용한 챗봇 개발

3. API 통합

• Google Books API: 책 검색 및 메타데이터 제공
• Consumet API: 도서 다운로드 링크 제공
• Server-Sent Events: 실시간 AI 상호작용 구현

4. 구현 특징

• AI 챗봇: 책 요약, 인사이트 제공, 추천 기능
• 확장성: API 통합 및 모듈화 설계
• 실시간성: Server-Sent Events 기반의 AI 상호작용

결론

• 실무 적용 팁: Google GEN-AI SDK와 Server-Sent Events를 활용한 AI 상호작용 구현, API 모듈화 설계
• 예제: 에서 라이브 프리뷰 확인
• 코드: (프론트엔드), (백엔드)