반응형 전체 글280 🍟 jest 에서 setTimeOut,setInterVal을 사용하기 🥗 setTimeOut 개발을 하는 도중 setTimeOut을 만나게 되었고,이것을 어떻게 테스트 할 것인가에 대한 고민이 있었다. jest 문서를 보는 도중 jest.useFakeTimers 를 발견하였다. 아래는 vue 소스이다. 5초후 count값이 1이되었는지 확인이 필요하다. {{ count }} 아래는 테스트 코드이다. jest.useFakeTimers 를 통해 timer함수를 다 mock으로 바꿔준다. jest.advanceTimersByTime(n) 를 통해 n 초 후 빨리감기로 이동한다. afterEach에서 jest.clearAllTimers를 통해 clear 한다 import { shallowMount } from '@vue/test-utils' import timeOut from '.. 2024. 2. 27. 💼 2월 4주차 회고 👠 HLS란 무엇인지 정리 필요 현재 회사에서 Hls(Http Live Streaming)을 하고 있지만, Hls가 무엇인지 정리가 머릿속에 되어있지 않다. 그래서 어떠한 것인지에한 것을 https://medium.com/@hongseongho/introduction-to-hls-e7186f411a02 를 참조하여 알아볼 필요가 있다. 🐷 루틴업무 정리 회사일을 하다보면 루틴한 업무들이 존재하는데, 이것들을 어떻게 반복화 할 것이며, 어떻게 정리할 것인지 또한 새로운 사람들한테 들어올때 어떻게 설명할지에 대한 고민이 필요하다. 🐻 다시 테스트코드 한동안 storybook을 생각하다보니, 테스트코드에 대한 부분을 깜빡하고 있었다. 그래서 상반기 목표를 테스트 코드를 목표로하는게 나을것같고, 하반기때는 st.. 2024. 2. 25. 🥙 Hls 인증 🍕 Hls에서 token 담아서 전달 hls에서 이번에 http header에 토큰을 전달해야 하는 상황이 발생하였다. 인증은 사실 어느 프로그램이나 필요한 부분이다. 다행히 hls.js에서는 http header을 커스텀 할 수 있다. Hls.js에서 Header Custom 하기 xhrSetup 옵션을 통해 setRequestHeader 함수를 통해 헤더에 담아서 보내는 것이 가능하다. 하지만 ios/safari는 Hls.js를 사용할 수 없고, m3u8확장자를 지원하지만, Http header를 커스텀하는 것은 어렵다. 그리하여 쿼리스트링 방식으로 전달하는 방법 뿐이었다. 보안적으로는 안전하지는 않지만, 현재로서는 커스텀하는 방법이 존재 하지 않기 때문에 쿼리스트링으로 처리하였다. function .. 2024. 2. 22. 👜 2월 3주차 회고 💼 Slot을 통한 추상화 시키기 프로젝트를 진행하다보면 화면들이 비슷한 구조를 띄게 된다 헤더 본문 푸터를 이루어지고, 본문은 제가각 다를 수 있는데, slot을 통해 헤더,본문,푸터를 slot으로 처리하고 본문을 slot을 상속받은 컴퍼넌트에서 구체화 시키는 작업이 필요하다 🦊 린터,프리티어 정리 작년에 입사한 이후 혼자 프로젝트하는 경우가 많아서, 딱히 린터,프리티어 정리를 하지 못하였고, 내 편한위주로 작업을 하였다. 하지만 올해는 사람들이 들어올 것이고, 그것에 맞게 규칙이 필요하다. 💼 올해목표 정리 개인적으로 같이 프론트를 관리 할 사람이 추가가 될것같다. 그럼으로 인해서 목표는 아래와 같을 것 같다 단위테스트 작성 린트 프리터어 정리 TS 전환 storybook을 통한 화면 및 컴퍼넌트 관리 2024. 2. 18. 이전 1 ··· 28 29 30 31 32 33 34 ··· 70 다음 반응형
