[TIL] 66일차

1. Asmr.js에서 사용자가 선택한 음원 활성화 시 코드 리펙터링 진행

실전 프로젝트 - 플레이 중인 음원 활성화 (setTimeout X)

 

2. Asmr.js > MixList.js에서 믹스된 음원 클릭 시 playBar 나타나면서 음원 재생이 잘 됨. 

문제는 정지 후 같은 음원을 클릭 시 음원은 새로 재생이 되지만, play 아이콘으로 바뀌지 않아서 playBar.js 수정

 

3. Asmr.js > MixList.js가 모달(Modal)이기 때문에 layout 부분은 누르면 Modal이 꺼지고, Asmr.js가 보이는 데

이때 현재 플레이 중인 음원이 활성화가 안되는 문제 발생 → 임시방편으로 history.push("/")을 사용하여 main으로 이동 시킴 → 여기서 조금 변경 시켜서 histpry.push({pathname: "/", route: "/asmr"})로 바꾸고, mian 페이지에서는 useEffect() 시 useLocation을 사용하여 location.route==="/asmr"이면 asmr 페이지로 이동 시키는 코드로 변경

 

4. Spinner(로딩 페이지) CSS 수정하고, Clock(최적의 수면 시간 페이지)에 뒤로가기 버튼 추가 구현

 

5. 저녁 회의 시간에 프로젝트 마케팅 어떻게 진행 할 지 정하고, 선물 리스트 정함.

 

6. CSS 대폭 수정