Next.js 포트폴리오에 Spotify API 통합 및 Dev.to 블로그 연동

핵심 기술

개인 포트폴리오 웹사이트에 Spotify API를 연동하여 실시간 음악 활동 정보와 Dev.to API를 활용한 블로그 게시물을 통합하는 프로젝트입니다. Next.js App Router, TypeScript, HTTP-only Cookies, JWT를 활용하여 사용자 경험을 향상시키고 기술적 완성도를 높였습니다.

기술적 세부사항

• Next.js (App Router): 프레임워크 기반의 풀스택 개발 환경 제공
• TypeScript: 코드의 안정성과 유지보수성 향상
• Spotify Web API: 현재 듣고 있는 음악, 인기 트랙, 연결된 기기 정보 등 접근
• Dev.to API: 블로그 게시물 자동 가져오기 및 렌더링
• HTTP-only Cookies: 민감한 토큰 정보(접근 및 갱신 토큰)를 안전하게 저장
• JWT (JSON Web Token): 세션 관리 및 자동 갱신 기능 구현
• Axios: Spotify API 호출을 위한 HTTP 클라이언트
• 보안: JWT를 통한 세션 제어 및 자동 만료, 갱신 엔드포인트(/api/refresh) 구현

개발 임팩트

개인 웹사이트를 더욱 개인적이고 상호작용적으로 만들며, 기술적으로도 견고한 기반을 마련합니다. 외부 API 연동 경험, 보안 강화 방안 학습, 생산성 향상을 위한 블로그 콘텐츠 자동화 구현 등의 성과를 얻을 수 있습니다.

커뮤니티 반응

(언급 없음)

톤앤매너

개발자가 자신의 기술 경험과 학습 과정을 공유하는 전문적이고 실용적인 톤을 유지합니다.