반응형 전체 글280 11월 3주차 회고 📽 Build 사이즈 줄이기 현재 서비스 중인 웹을 빌드하면 크기가 생각보다 크다. 그래서 이번에 webpack bundle analyzer를 통해 사이즈를 줄여볼 생각이다. 보통 hls.js에서 꽤 많은 양을 차지하는 것같은데, 이것을 어떻게 줄일것인지 고민이 필요하다. 📸 animation 속도 확인 css animation은 linear ,easy, easy-in 을 통해 속도를 조절히 가능한데, 기획팀에서 요구하는 조건이 어떤건지는 아직 정확하게 감이 안잡히지만, 이번 기회로 animation속도를 알 필요가 있다. 2023. 11. 19. 🪫 11월 2주차 회고 🎥 vue created hook 테스트 이번에 테스트 코드를 짜는중 lifecycle 테스트는 어떻게 하는지 궁금하여, 며칠간의 확인끝에 찾았다.. 테스트 코드를 짜는건 쉬운건 아니고, 인내심이 필요한것같다. 이 부분도 블로그에 정리할 예정이다. 💾 shell script에 익숙하기 이번에 서버쪽을 작업하는일이 생겼는데, 아무래도 js만 하다보니, shelll script나 리눅스 명령어들이 부족하였다. 이부분을 개선해보도록 해보자. 서버쪽도 언젠가 경력이 차면서 필요한 부분이 아닐까? 라는 생각이 든다. 📡 shell script으로 메일보내보기 매일 로그를 확인해야 하는일이 생겼는데, 서버쪽 로그.. 그래서 이부분을 메일 찾기는 번거롭다.. 그래서 뭔가 shell script으로 매일 특정시간에 표.. 2023. 11. 12. 🍳 HOC사용하여 로직 공통화 시키기 🥙 기능 공통화 상황 아래 사진 처럼 "테스트" 라는 버튼을 누르면 '모던,럭셔리' 와 '1990,2000s' validation 기능이 중복이 된다. 실제 실무에서는 로직이 이것보다 더 복잡하게 돌아가지만, 테스트를 위해서 간단하게 빈값 체크 정도만 기능을 넣었다. 🥙 전체적인 구조 withCuration을 통해 validation의 기능을 props으로 전달하고, props으로 전달 받은 컴퍼넌트들은 validation을 통해 기능을 사용할 수 있다. 🍟 withCuration.js 작성 const withCuration = (component) => { return { name: "withCuration", data() { return { curationInfo: { mood: [ { text: ".. 2023. 11. 5. 🔋11월 2주차 회고 💿 프론트엔드 트래킹 Sentry 확인 현재 Sentry를 세팅하였지만, 어떠한 부분에서 CORS가 뜨거나, API 통신이 원할하게 되지 않았다. 그래서 어떤 오류인지 확인하고 Sentry를 붙이는 것을 최대한 빠르게 해볼 예정이다. ⏲ 내년 서비스 고도화를 위한 준비 내년에는 회사에서 socket통신으로 바꿀 예정이라고 했다, 그 부분에서 service worker 부분을 알 필요가 있고, socket 통신을 알 필요가 있다. 그리하여 사이드 프로젝트로 spring boot으로 socket을 만들어보고(물론 젠킨스를 통해 배포까지...)를 연습해볼 예정이다. 그리고 http 통신이아닌 rtsp 통신에 대해 공부가 필요해보인다. 내년에는 rtsp으로 한다고 했으니... 🪙 테스트 코드는 꾸준히 하기 현재.. 2023. 11. 5. 이전 1 ··· 32 33 34 35 36 37 38 ··· 70 다음 반응형
