반응형 전체 글280 🎾 10월 5주차 회고 프론트엔드 트래킹 툴 조사 현재 회사에서 스타트업이라 아직 트래킹 툴이 존재 하지 않는다. 그리하여 이번에 어떤것이 있는지 조사좀 해보았다. sentry logrocket JENNIFER Front 위 3가지 정도 조사하였고, 가장 대중적인것은 sentry였다. 아마 sentry으로 가지 않을까 싶다. HOC으로 methods를 공통화 시키기 실무에서 일하다 보면 로직들이 공통처리 되는것들이 많다... 지금 이것이 많이 분산되서 한 번 수정할때마다 여러번 수정하게 되는데, 이것을 공통화 처리시키는 방법중 하나인 HOC를 해볼려고 한다. mixin을 사용해도 되지만... 메소드가 중복이 되서 나중에 추적이 어려울것같다는 생각이 든다.. 그리하여 HOC으로 해 볼 예정이다. 앞으로 회사에서 할일 현재 회사에.. 2023. 10. 29. 🥑 jest 에서 만난 문제 ☔️ jest swiper css 호출시 에러뜨는 현상 외부 라이브러리를 쓰면 "Unexpected token '.' ~~" 라는 경우가 있다. 이번에 마주한 문제는 swiper css를 import를 하다 생긴 문제였고, 알아본 결과 styleMock.js를 만든 후 jest.conifg.js에 세팅하면 오류는 사라진다. styleMock.js // tests/jest/__mocks__/styleMock.js export default {} 다음으로 jest.config.js에 moduleNameMapper에 추가해준다. jest.config.js // jest.config.js module.exports = { moduleNameMapper: { // 아래 부분 추가 '\\.(css|less)$': .. 2023. 10. 15. 🌽 10월 3주차 회고 ※ Hls.js 404 retry 처리 현재 회사에서 스트리밍 처리를 하는중 채널주소를 받고 채널주소를 Hls.js를 통해서 로드시키는 과정에수 404 뜨는 경우가 종종 존재한다. 그리하여 기본적으로 채널주소를 fetch를 통해서 200이 뜰때까지 1.5초마다 호출한 이후 성공적으로 받았을 경우 스트리밍을 재생 할 수 있도록 변경하였다. 🕸️ jest에서 swiper.css 처리 및 ParticlesBg 처리 jest에서 외부 라이브러리 사용하는 과정에서 오류가 뜨는 경우가 있었는데 "Unexpected token '.' ~~" 라는 이유가 떳었고, 다음으로 ParticlesBg 을 쓰는 도중 "Cannot use import statement outside a module" 문제가 생겼고, 해결을 하였.. 2023. 10. 15. 🎹 HOC 🩰 HOC vue에서 로직을 재활용 하는 방법은 여러가지가 있다. 그 중에 mixin이 있긴 하지만,, 로직이 복잡할수록 component랑 mixin변수가 겹쳐 관리의 어려움이 보인다. 그리하여 알아본 방법이 HOC(아직까지 현재 프로젝트에서 쓰지않음) 이다. HOC는 High Order Component인데, 함수의 인자에 컴퍼넌트를 받고 컴퍼넌트를 리턴해준다. 아직 Hello World 단계로 알아가는 중이다. 🎰 List,List2 로직 아래 사진처럼 데이터를 가져오는 주소는 다르지만,hocList를 세팅하는 과정은 같다. 이러한 비슷한 로직을 재활용 하는 방법중에 하나가 HOC이다. 👀 HOC 작성 withHoc.js를 만들며 관례적으로 withXXX 를 붙인다고 한다. 호출하는 URL를 받고,.. 2023. 10. 8. 이전 1 ··· 33 34 35 36 37 38 39 ··· 70 다음 반응형
