My Dream Being Visualized

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, 기본적으로 Mock 함수의 기본 생성과 axios mock 함수 생성에 대해서 알아보았다. 이번 시간엔, 지난 시간의 연장이다. https://jestjs.io/docs/mock-functions Mocking Partials 모듈의 특정 작은 단위만 mock 될 수 있고 남은 모듈의 단위들은 실제 실행부를 가질 수 있다. // foo-bar-baz.js export const foo = 'foo'; export const bar = () => 'bar'; export default () => 'baz'; //test.js import defaultExport, {bar, foo} from '../foo-ba..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, 기본적으로 Mock 함수를 만드는 방법에 대해서 알아보았다. 이번 시간엔, axios 모듈을 활용한 API 호출 시 Mock 함수를 생성하고 테스트 하는 방법에 대해서 알아볼 예정이다! https://jestjs.io/docs/mock-functions Mocking Modules API 호출을 통해 유저 정보를 주는 클래스가 있으며, axios 모듈을 사용하여 API를 호출하고, 유저의 정보를 담고있는 data를 반환한다고 가정하자. import axios from 'axios'; class Users { static all() { return axios.get('/users.json').then(resp..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, Setup and Teardown에 대해서 알아보았다. 이번 시간엔, Mock Functions이라는 주제로 넘어가보겠다. https://jestjs.io/docs/mock-functions Mock Functions Mock functions는 함수의 실제 구현부를 지우고, 함수 호출 및 해당 호출에 전달된 파라미터를 캡쳐하고, new로 인스턴스화 할 때 생성자 함수의 인스턴스를 캡쳐하고, 반환 값의 테스트 시간을 구성할 수 있어 코드간의 연결을 테스트 할 수 있다. 아니 이게 무슨 말이냐면.. Mock 함수(모의 함수=가짜로 만든 함수)는 실제 함수 내에 로직에 해당하는 부분들을 적지 않아도 되며, 함수 ..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간엔, TDD가 무엇인지, 장단점이 무엇인지, 어떻게 써야하는지에 대해서 알아보았다. 이번 시간에는 단위 테스트에 대해서 알아볼 것이다. 단위 테스트란? 개발자가 만든 모듈 단위 '내'에서 개별 단위로 나누어 테스트를 하는 방법이다. 그렇기에, 다른 테스트에 의존하지 않아야 한다. (한 마디로, 기능(들)에 대한 가장 작은 단위인 모듈을 쪼개서 테스트하는 방식이다!) 초기 단계에서 테스트를 진행하기 때문에 디버깅 시간을 많이 줄일 수 있다. 왜 단위 테스트를 해야하는가? 프로그램이 방대하여 아래와 같이 테스트를 위한 조건이 까다로울 때 꼭! 필요하다. 시간이 오래 걸린다. 작은 로직만 수정했음에도 불구하고 테스트시간..