🥋 6월 1주차 회고

🏄‍♂️ hls , ios/safari 동작 정리

hls(http live streaming)은 비디오 스트리밍 프로토콜이다. 보통 스트리밍(실시간 방송,라디오 같은?) 그런곳에 쓰이긴 하는데, ios-safari에서는 hls가 built-in이 되어있다. 하지만 다른 브라우저에서는 built-in이 되어있지 않기 때문에 hls.js라는 것을 사용하여야 한다. 스트리밍 방식의 장점은 미디어 파일을 한번에 보내는 방식이 아닌 조금씩 보내는 방식이라고 보면된다.

이것이 어떻게 동작하는지 조금 확인 필요하다. 나 또한 실시간 스트리밍 방식이 처음이라 어떻게 동작하는 지도 모르고 , 이번주에 동작하게끔 회사에서 처리하였다. 그리하여 hls 방식에 대해 좀 알아보자

 

⛹️‍♀️ chrome 퍼포먼스 탭 알아보기

현 회사에서 애니메이션이 느린 현상이 계속해서 발생한다. 그런데 이유를 현재까지 못찾고 있다. 아마 렌더링이 많이 되서 그런건지 , 메모리 문제인지는 아직 잘 모르겠다. 그리하여 chorme에 퍼포먼스 탭에서 다양한 기능이 있는데, 이것을 좀 알아볼 필요가 있다. 여기서 어떤것을 알아볼수있고, 그것을 통해서 애니메이션 속도를 개선하는거에 대해서 알아봐야 한다.

 

🛢️ webpack 웹 캐싱 전략

프론트 프레임워크를 쓰다보면 캐시가 남아서 , 새로고침을 해도 그대로 남아있는경우가 있다. 담당자한테는 좀 미안한 마음이 들기도 해서, js같은경우는 캐싱전략이 있지만, css 같은 경우에도 빌드 할 경우 캐싱전략이 있는지 확인을 해볼 필요가 있다.