반응형 전체 글280 👊 3월 3주차 회고 🧖♂️ jest 공부 진행 현재까지 jest vue를 진행해 보았다. 현재까지 알아낸건 아래와 같다 https://front-study.tistory.com/92 vue jest 환경 설정 describe test shallMount,mount find 함수 props 설정하기 mocking(fn(), spyOn()) 객체 비교 하기 emit 테스트 router testing stubs 아직까지 공부할게 많은것 같다. 현재까지 내용으로는 실무에서 쓸 수 있을지 모르겠다. ☁️ 이직준비 3/31 이후로는 현 회사를 퇴사를 하게 된다. 현재 이력서를 넣으면서 면접을 준비중이다. 아직 모르는게 너무 많구나 라는 생각이 들었다. 간단한 javascript 개념부터 시멘틱태그 사용하는것까지.. 다시 차근차근 준.. 2023. 3. 19. 🖖 vue jest router 생긴 문제 이번에는 vue-router를 test하는 과정에서 실제 router를 쓰는과정에서 생긴 문제에 대해서 적어보고자 한다. app.test.js에서 실제 router를 import하였고, router.push({name:'todolist'})으로 이동하는 과정에서 ToDoListView가 렌더링되었고, ToDoListView에서 외부함수(axios호출 등등)가 동작하는 일이 일어났다. 여기서 테스트 하고 싶은건 자식 componet가 렌더링 되는것만 확인하고 싶었다. 즉 ToDoListView가 렌더링만 되는지 확인하고 싶었다. 처음에 작성한 코드는 아래와 같다. import App from '@/App.vue'; import { mount } from '@vue/test-utils'; import ToD.. 2023. 3. 16. 🤒 3월 2주차 회고 🤜 성능 최적화 고민 사실 개발하면서 성능에 대해서 고민한적이 많이 없었다. 나름 변명을 하자면, 기능개발하기 바빠서 그랬던것 같다. 하지만 면접을 보면서 인제 성능최적화에 대해 회사들이 많이 고민하는것 같다. 그리하여 한번 어떻게 성능 최적화 하는지 고민해보자, 👈 이력서 최신화 늘 이력서를 최신화 시키도록 하자. 누구나 다 편안한 인프라에서 개발하기를 원한다. 그러기 위해서는 좋은 회사에 갈 수 밖에 없고 좋은 회사를 갈려면 이력서나 능력이 좋아야 한다. 그렇기 때문에 이력서를 관리하면서 개인적인 능력을 향상 시키도록 노력하자. 2023. 3. 12. 👏 렉시컬 스코프 & 클로저 🤲 렉시컬 스코프 자바스크립트 엔지는 함수를 어디서 호출했는지가 아니라 함수를 어디서 정의했는지에 따라서 상위스코프가 정해진다. 이것을 렉시컬 스코프라고 한다 => 이것을 말만 하면 이해가 할 수 없다. 예제를 통해서 알아보자 const x = 1; function foo() { const x = 10; console.log(x); bar(); //1 } function bar() { console.log(x); } foo(); // 10 bar(); // 1 foo 함수 안에서 bar 함수를 호출하였지만, 결과는 1이 나온다. 왜냐하면 bar함수가 정의되는 곳이 foo함수 안이 아니기 때문에 foo함수의 상위 스코프는 전역함수이고 전역함수의 x=1이다. const x = 1; function outer.. 2023. 3. 7. 이전 1 ··· 44 45 46 47 48 49 50 ··· 70 다음 반응형
