• checkbox 전체 선택 기능
• checkbox로 선택된 값만 넘기기

페이지

• 로그인 페이지
• 추가 페이지

컴포넌트

• Textbox
• checkbox

• emotion으로 스타일 변경

Flow

1. 어떤 계정의 유튜브에 플레이리스트를 만들지 login 하기
2. 플레이 리스트 이름 받기( defualt로 YPG로 해놓음)
3. 만들 곡 타임스탬프 입력
4. 원하는 곡 선택
5. 플레이리스트 생성
6. (만들어진 플레이 리스트 페이지로 가면 좋을 것 같음)

api 연결을 msw 로 교체

• access_token은 로컬 파일로만 가지고 있기
• refresh_token은 쿠키로 가지고 있기
• 쿠키는 http only + secure 로 설정

• 내가 계산한 할당량보다 적게 사용한 것 같은데 초과되었다.
• 어디선가 계속 API를 호출하는 것 같다.
• API 누수를 막자

실험 결과 내가 모르게 발생하는 API 호출은 없었다.

각 버튼마다 API 요청을 하는 중인데 로딩 모션이나 준비 중임을 알려주는 UI가 없어서 계속 누르는 경우가 생겨서 같은 동작을 여러 번 한다는 생각이 들었다.

=> api요청이 끝날 때까지 기다리게 하자.
=> Loading 창이나 완료 될 때까지 버튼 비활성화 추가

bugs

• 로딩에서 마치고 돌아왔을 때 창이 리렌더링 되며 textarea 값이 사라짐. (투명도를 주면 될 수도?)
• textarea 값이 바뀔경우 전체 선택의 개수가 안바뀜
• 가끔씩 안들어가는 노래가 있음

todos

• 추가 완료하고 몇곡을 ~에 넣었다고 alert 띄우기
• 원래 있는 플레이 리스트에도 넣을 수 있게 해주면 좋을 듯
• refresh token 추가

• 모달에 들어갈 썸네일+ 노래 info 컴포넌트
• 플레이 리스트 제목 받기

06:22가 아닌 6:22일 때 파싱이 제대로 안 되는 오류가 있어요.
그리고 NMIXX 노래를 추가했는데 따옴표가 "로 표시되더라고요.
개선 부탁드립니다. 창헌님 화이팅!!

개선점

• access_token 로컬 스토리지에서 빼기 => 로컬로 가지고 있기
• refresh 토큰 추가

버그들

• playlist 이름 YPG로 고정되어있음
• access

• Loading중임을 알려줄 수 있게 하자.
• api 에 문제가 생겼을 때 알려줄 수 있게 하자.

• 받은 플레이 리스트 목록 v_id찾기
• 입력받은 플리 제목 받고, 이걸로 플리 생성
• 플리에 v_id 넣기

• 로그인 페이지 구현
• 로그인 페이지에서 로그인, accessToken 처리하기
• accessToken 전역에 넣기(context api)

login 페이지

• 구글 로그인버튼 구현

추가 페이지

• 로직에 맞게 스타일 넣기