반응형 전체 글280 🐵 테스트코드 작성시 실제 vuex사용하기(mocking아님) 🫎 vuex 사용한 구조HocView.vue에서 store의 actions에 선언된 "apidummyApi1" 을 호출하고 다음으로는 Node Server에서 api를 요청한 다음api에서 받은 결과값을 세팅한 이후 getters를 통해 Hoview.vue에서 messageComp를 통해 보여준다. 🐔 테스트 케이스버튼을 클릭하면 messageComp에 표시되는것이 "TEST" 라는 문장이 세팅이 되어야 한다 😚 테스트코드 작성시 실제 vuex를 세팅실제 사용중인 store를 import하고 plugins에 store를 추가해준다.import { shallowMount } from '@vue/test-utils'import HocView from '../../HocView.vue'// 실제 사용중.. 2024. 8. 23. 🌄 8월 2주차 회고 🏓 자동재생(소리포함) 시도자동재생(소리포함)은 구글정책상 허용하지 않는다. 그래서 다른 블로그를 참조도 해봤는데, 더미 영상을 1초짜리 넣고 끝나는 시점에 새로운 영상을 집어넣으면, 사용자 액션으로 간주하고 영상이 동작한다는 글을 보았는데, 사실 동작하지 않았다.다른 방법이 존재하는지 확인이 필요하다 🥌 로직의 공통처리화면이 많아지고 로직이 공통된 부분들이 많아지기 시작했다. 고칠려면 여러곳을 고쳐야한다. 그리하여 vue에서는 mixin이라는 방법도 있지만 이 방법은 해당 컴퍼넌트와 mixin의 변수명이 겹쳐서 기능이 복잡해질수록 관리가 어렵고, vue3에서는 제공하지 않는 기능이다.hoc(high order component)으로 작업을 진행해보거나, composition api에서 제공하는 방법.. 2024. 8. 11. 🤸 8월 1주차 회고 🤾♂️ 뒤로가기 이벤트 정리회사에서 router가 아닌 history.pushState 를 이용하여 뒤로가기를 사용하였다. 하지만 계속 사용하던 중에 어느순간 뒤로가기를 했을때 새로고침이 되는 현상이 일어났다. 그리하여 이 부분의 원인이 무엇인지 조사가 필요하고 해결 방법이 필요하다 🪂 react-query이란현재 vue를 사용하고 있다. 하지만 react에서는 react-query가 자주 나오는데, 이 부분이 어떤것이고 현재 회사에 어떤 부분이 적용되는 부분인지 한번 고민이 필요하다 🤾♀️ 트래킹 및 단위테스트 강화현재 회사에서 서비스가 알게모르게 발전하고 있고, 사용자가 점점 늘어나고있다. 점점 우리고 모르는 잠재적 오류가 나올 수 도 있다.그렇기 위해서는 어떻게 트래킹을 해야하는지, 그리.. 2024. 8. 4. 🥽 7월 4주차 회고 🎒 PWApwa(progress web apps) 에 대해 듣기는 했지만, 실제 적용해본적은 없었다. 그래서 이번에 사이드 프로젝트를 통해서, vite를 통해서 pwa를 세팅해보았다. 한번 이걸로 블로그를 써볼 예정이다 🐺 테스트코드 금주에는 다른 작업을 하느라 신규 기능에 대해 테스트코드 작성을 못하였다. 효율적인 테스트 코드를 작성해보도록 다시 테스트코드 작성에 대해 노력이 필요하다. 2024. 7. 28. 이전 1 ··· 21 22 23 24 25 26 27 ··· 70 다음 반응형
