반응형 전체 글280 👨👨👦 12월 2주차 회고 🦺 webpack externals으로 빌드타임 줄이기 진행중 현재 빌드타임을 진행중이다. externals을 이용하면 외부라이브러리 같은것을 번들링 하는 과정에서 빼서 작업할 수 있다. 다만 lotte나,hls.js가 externals를 사용했을때 "require is not defined"라고 뜨는 것이다. 그것을 해결해야 빌드 결과물을 줄일 수 있다. 왜 뜨는지는 아직 확인중이다. 🙉 video currentTime과 buffered 차이 현재 스트리밍쪽 클라이언트를 진행중인데, 스트리밍 시간이 지날수록 클라이언트 현재 시간과 서버의 실제 음원재생시간이 점점 벌어지면서, 음원정보 가져오는 타이밍이 맞지 않는다. 그래서 이 부분을 어떻게 해결할지 고민이 필요하다. 2023. 12. 10. 🍟Hls 콘텐츠 변경 감시 현재 Hls를 사용하는 도중 컨텐츠가 바뀌면 화면에 보여지는 정보가 바뀌어 하는 서비스를 제공하고있다. 근데 현재 interval으로 API를 호출하기 때문에 서버에 부담이 가고 있어서, 이번에 Hls에서 컨텐츠 변경감지 하는 법에 대해 알아보았다. 🥙 Hls.js에서의 변경 감지 🦴 Hls.js를 지원하는 경우 만약 Hls.js를 사용할 수 있는 상황이라면 아래 처럼, FRAG_CHANGED 이벤트가 트리거가 될때 , "DIS" 가 포함 되면 컨텐츠가 변경된것으로 감지가 된다. Hls에서 EXT-X-DISCONTINUITY은 컨텐츠 내용이 변경될때마다 발견되는 태그이다. 아래는 Hls.js사용할 수 있는 경우에 대한 코드이다. 현재는 배열의 길이로 체크를 했지만, 정확하게 할려면 "DIS"가 포함되면 .. 2023. 12. 4. 👮♀️ 12월 1주차 회고 👶 Http Live Streaming 컨텐츠 변경될때마다 감지 현재 프로젝트에서는 소켓통신을 통해서 실시간 통신을 하고 있지 않다. 그래서 정보를 가져올때마다 interval으로 체크하고 있는 방식인데, 이 방식은 서버에도 부하가 가는 상황이다. 그리하여 컨텐츠 정보가 바뀌는 이벤트가 발생할때마다 API를 바꿔야 한다는 방법이 필요하다고 회사의 시니어분이 말씀하셨다. 다행히 IOS/Safari(Hls.js를 지원하지 않음) https://developer.mozilla.org/en-US/docs/Web/API/AudioTrackList/addtrack_event IOS/Safari는 여기서 방법을 찾았고, Hls.js는 현재 찾는 중이다. 🦺 테스트 코드 다시 준비.. 최근에 회사에 중요한 전시 때문에.. 2023. 12. 3. 11월 4주차 회고 ⏲ 테스트 자격시험 내용 살짝 알아보기 이번에 어떻게 하면 유의미한 테스트를 할 수 있는가에 대해서 회사 시니어분과 이야기를 한 적이 있다. 당시 시니어분께서는 테스트에도 자격시험이 있는데, 그거를 초반 내용을 보는것이 어떻냐 해서, 국제자격증인 ISTQB 에 대해 알아볼 예정이다. 그것을 읽으면 유의미한 테스트를 짜는데 도움이 될수도 있다고 하여, 이것을 시험쳐볼 예정은 아니고, 초반내용을 훍어볼 예정이다. 🛢 swiper 커스텀 이번에 swiper를 커스텀을 할일이 생겼는데, 이때까지 swiper를 제대로 사용안 하고 있었구나, 생각이 들었다. 기획디자인 쪽에서 주는것들이 구현이 어려웠다.. 그래서 이것이 알아볼게 많이 필요하구나 싶고 이것을 어떻게 구현했는지 블로그에 적을 예정이다, 2023. 11. 26. 이전 1 ··· 31 32 33 34 35 36 37 ··· 70 다음 반응형
