본문 바로가기
반응형

전체 글280

🪙 6월 3주차 회고 ⏲️  vue2 => vue3 마이그레이션 준비아직까지 vue2를 회사에서 사용하고있고, 현재 vue2지원은 종료가 되었다. 그리하여, vue2 =>vue3으로 전환하기 위해서는 vue@compat 라는 것을 알게되었다. vue@compat 란 "Vue 2의 동작이 호환되는 구성을 제공하는 Vue 3의 빌드" 라고 하며 즉 vue@compat를 통해 vue3 사용이 가능하다. 🇬🇾  legacy-peer-deps, force 차이라이브러리를 설치하다보면, legacy-peer-deps, force 를 설치하는 경우가 있는데, 여기 차이를 제대로 알지 못하고 맨날 사용하였다 . 이번기회에 좀 알아보면 아래와 같다legacy-peer-deps : 충돌이 났을때 오류 나는 부분을 무시force : 충돌이 .. 2024. 6. 23.
🌊 vuex jest 테스트 코드 작성 🌦️ 컴퍼넌트가 아닌 vuex에 대한 테스트 코드 작성지난번에는 컴퍼넌트에서 vuex에 대한 테스트를 실시하였다면, 이번에는 vuex에 대한 코드를 작성할 것이다. 일단 vuex 코드는 아래와 같다.간단하게 사용자 정보세팅과, counter가 존재한다.import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { userInfo: { name: '', age: 0 }, counter: 1 }, mutations: { setUserInfo(state, payload) { state.userInfo = payload }, setCou.. 2024. 6. 17.
🥨 6월 2주차 회고 🥞 좋은테스트 조건좋은 테스트란 무엇인가에 대한 글을 찾아보았다. (https://ui.toast.com/weekly-pick/ko_20181226)글에서는 아래와 같이 말한다실행 속도가 빨라야 한다.내부 구현 변경 시 깨지지 않아야 한다.버그를 검출할 수 있어야 한다.테스트의 결과가 안정적이어야 한다.의도가 명확히 드러나야 한다.여기서 인상깊었던 것이  "내부 구현 변경 시 깨지지 않아야 한다." 였는데, 왜냐하면 나는 현재까지 테스트 코드 작성시 세부적인것 까지  테스트 코드를 작성하여, 테스트 코드 작성시 깨지는 경우가 많았다. 그리하여 결과에만 집중하도록 방식을 바꾸기로 했다. 🥯 화면 공통 영역을 slot 으로 처리해보자 현재 회사에서 공통인 영역이 코드가 중복이 된다. 그리하여 slot으로.. 2024. 6. 16.
🪟 6월 1주차 회고 🌇  테스트의 목적과 기준테스트를 하는 이유는 제품의 안정성을 위해서 한다. 다만 테스트 작성을 하는것도 다 비용이다. 그러기때문에, 간단한 것들은 테스트를 작성하면, 더 비용이 많이 들 수 있다.그러면 어떤것을 작성해야 하는지 고민이 필요하다. 그리고 하나 수정했는데, 테스트 코드가 깨진다면 이것또한 생산성이 떨어지므로 이것을 어떻게 할지 고민이 필요하다 🛢 하루일과 누락이번주에는 하루일과에 대한 기록들이 다 누락이되었다. 조금씩 게을러진것 같으니, 데일리로 다시 적는 습관을 가지도록 하자 2024. 6. 9.
반응형

티스토리툴바