NextAuth+Spotify
1.[Next-auth]Next-auth로 Spotify 로그인 하기
음악 데이터를 받아서 웹 사이트를 만들려고 어떤 API를 사용해야 하지 하다가 인터넷에 검색해 보니 Spotify가 가능하다길래 무작정 이걸로 해야겠다고 마음을 먹고 결정했다. Next-auth도 처음이고 타사의 API를 이용하여 만드는 것도 진짜로 처음은 아니지만 처
2.[Next-auth]NextAuth + Spotify +Prisma Adapter 설정(2)
저번에 signIn 함수를 작동시켜서 Spotify 로그인 페이지를 정상적으로 나타나게 하고 이후로 Adapter 연결 과정과 어떤 문제점들이 있었는지 적어보려고 한다 Prisma Adapter 설치 Adapter를 설정하기 전에 Adapter를 간략하게 설명하면 사
3.[Next-auth]NextAuth + Spotify + 플레이어 구현(3)
저번에 이어서 내가 할 일은 accessToken을 이용하여 음악을 재생시키는 것이다. 추가로 react-spotify-web-playback 라이브러리를 같이 사용할 것이다. 즉, 설치를 해야 한다.npm i react-spotify-web-playback 설치 (본
4.[Next-auth]NextAuth + Spotify + 마이 플레이리스트 구현(4)
오늘은 자신의 플레이 리스트를 구현한 방법에 대해서 적어보려고 한다. 저번에 플레이어를 실행시킨 것에 이어서 플레이어에서 알고 보니 자체적으로 좋아요 기능도 제공을 해주길래 좋아요를 눌러본 결과 어떤 에러도 발생하지 않고 실제 spotify 공식 사이트를 들어가서도 확
5.[Next-auth]NextAuth + Spotify + 음악 퀴즈(?)구현(5)
오늘은 원래 만들고 싶었던 음악 퀴즈(?) 기능을 만들었다. Spotify에 음악 데이터(예: 아이유)를 요청하면 데이터에 preview_url이 포함되어 있는데 음원을 30초 미리 들을 수 있다. 기존에 만들려고 했던 것은 음악을 자동으로 일정 시간 5초, 10