week2 멘토링

• video tag custom

• 실시간 스트리밍 방식에 대한 feedback

• 음악 자동재생의 사용자적 관점

  • chrome 정책 상 자동재생은 muted 상태에서 동작시킬 수 있음
  • 해당 페이지에 입장하자마자 mute를 풀어주는 것이 사용자에게 편리한 방향일지
    • tag 이용해서 소리나오게 해보기.

Q

• useEffect에서 사용하는 값을 dependencies에 등록하지 않을 경우 발생할 문제점
  • 다른 depencies들의 변경으론 동작을 필요로 하지 않을 때, 더 좋은 방법이 있는지 궁금합니다

  useEffect(() => {
    setMusicInfo({
      ...musicInfo,
      'name': musicList[musicIndex]['name'],
      'singer': musicList[musicIndex]['singer'],
    })
  }, [musicIndex])

A

• 예외 처리를 확실히 한다면 괜찮음

• 다른 dependencies에 대한 useEffect를 더 구현하는 등의 방법으로, 버그가 확실히 발생하지 않도록 할것

• react에서 video tag 사용보다는 라이브러리(video.js 등)를 쓰는게 좋을지

  • 가급적으로 라이브러리 사용을 자제해보자.

모든 object key값은 string이다.

map vs object

인라인 svg 사용 vs 사용x

state 바뀔 때 불필요한 렌더 방지

리액트 성능 분석툴

사용자 경험에 의해서 노래가 꺼지고 재생

iframe으로 숨기고 노래 재생 다시 해보기

tag를 사용하지 않고 오디오를 재생하는 방법도 찾아보자.