스포티파이 api를 사용한 미니프로젝트
1.1. 스포티파이 소셜 로그인 구현하기
스포티파이 developer 공식문서 - Authorization Code Flow를 참고하여 구현했다.(node + express로 엄청 간단하게 만든 백엔드 코드는 유튜브 영상을 참고하여 만들었다.)스포티파이 소셜 로그인은 Oauth 2.0 서비스를 지원한다.소셜
2.vercel - React with vite 프로젝트 배포 시 발생한 문제 상황 해결하기
스포티파이 소셜 로그인을 처리하는데, 로그인 버튼의 url을 .env 환경변수로 관리하고 있다. .env파일을 .gitignore에 추가했기 때문에 깃헙에도 코드가 올라가지 않았고, 배포 시에도 당연히 포함되지 않았다.문제 해결 방법은 간단한데, vercel에서 배포한
3.Spotify api 를 이용하여 음악 리스닝 히스토리 구경하기
Spotify에서 스트리밍 어플을 이용하여 음악을 듣고 있는데, 매년 말에 그동안 들었던 음악 연말결산을 해준다. 근데 꼭 연말까지 기다리지않고 언제든 내가 지금 어떤 음악을 많이 듣는지, 어떤 아티스트의 음악을 많이 듣는지 구경하면 재밌을 것 같다는 생각을 했다. s
4.TYM - fly.io로 Node.js + Express 배포 완료
스포티파이 api를 사용해서 만든 Track Your Music 백엔드를 드디어 배포했다!처음엔 헤로쿠로 배포하려고 했는데, 무료 플랜이 끝났다는 걸 알고 뭐가 좋을 지 알아보다 fly.io가 간편하다는 블로그를 보고, fly.io로 Node.js + Express 배
5.TYM - vercel배포 후 라우팅, CORS에러 해결
TYM 서버를 fly.io로 배포에 성공했다.(블로그 글 보기) 이제 vercel로 배포했던 프론트에 백엔드 배포주소를 연결하여 다른 사람도 쓸 수 있도록 만들 차례다. 처음에 접속하면 뜨는 이 페이지에서 Login 버튼을 클릭하면 api를 요청하면서 페이지로 이