My Dream Being Visualized

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 다들 많이 들어보았을 것이다. 나 또한 처음 배웠던 언어가 Python, 객체지향 프로그래밍 언어였다. 하지만 그 개념과 이점을 알지 못 했고, 결국 함수만 내리 만들다가 javascript의 세계로, typescript의 세계로 빠지는 중이다. 최근에 과제를 볼 기회가 생겼었는데, FP와 OOP에 대해서 공부를 할 기회가 생겼고 새로운 세계를 접해버린 것 같다. 공부할 게 많지만, 즐겁다 아직 정확하게 알지 못 하기에, 조금씩 추가하면서 정리하려고 한다. 객체지향 프로그래밍이란? 함수와 로직보다는 데이터 혹은 오브젝트와 관련하여 소프트웨어 디자인(설계)를 구조화하는 컴퓨터 프로그래밍 모델이다. 함수 생성 및 로직 작성보..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, Testing Asynchronous Code에 대해서 알아보았다. 이번 시간엔, Setup and Teardown이라는 주제로 넘어가보겠다. https://jestjs.io/docs/setup-teardown Setup and Teardown 테스트가 시작되기 전, 테스트가 다 끝나고 해야 할 작업들이 있을 수도 있다. Jest는 이를 다루기 위한 헬퍼 함수들을 제공한다! Repeating Setup For Many Tests 테스트마다 반복적으로 해야 될 작업이 있다면 beforeEach와 afterEach를 사용하자! 예를들어, 도시 정보를 담고 있는 데이터베이스를 여러번 접근해야 한다고 가정하자. in..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, 자주 쓰이는 Matchers에 대해서 알아보았다. 이번 시간엔, Testing Asynchronous Code라는 주제로 넘어가보겠다. https://jestjs.io/docs/asynchronous 비동기 코드 테스트 자바스크립트를 활용하여 비동기로 코드를 실행시키는 건 일반적이다. 비동기로 실행되는 코드가 있다면, Jest는 다음 테스트로 넘어가기 위해 이전 테스트가 끝났을 때를 알아야한다. Jest에서 이러한 부분을 다루기 위한 몇가지 방법이 있다. Callbacks Promises Async/Await 2021년 현 시점에서는, 대부분의 동기/비동기 처리를 Async/Await로 처리하고 있는 것으로 ..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, 간단한 예제를 만들어 보았다. 이번 시간엔, Using Matchers라는 주제로 넘어가보겠다. https://jestjs.io/docs/using-matchers Jest는 "matchers"를 쓰는데, 이는 다양한 방법으로 테스트 값을 도출해 내기 위함이다. 자주 사용되는 matchers를 소개해보겠다. https://jestjs.io/docs/expect (다른 리스트들도 볼 수 있다.) Common Matchers 테스트 값을 도출하기에 가장 간단한 방법은, 값의 동일함을 테스트 하는 것이다. test('two plus two is four', () => { expect(2 + 2).toBe(4); }..

※ 개인 공부를 위한 공간입니다. 틀린 부분 지적해주시면 감사하겠습니다 (_ _) 지난 시간에, Jest를 활용한 단위 테스트 할 준비를 마쳤다. 이번 시간엔, Jest Docs의 예제를 보고 개념을 잡아 보도록 하겠다. https://jestjs.io/docs/getting-started // sum.js라는 파일을 만들고 함수를 선언한다. function sum(a, b) { return a + b; } module.exports = sum; // sum.test.js라는 파일을 만들고 실제 테스트 코드를 넣는다. const sum = require('./sum'); test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); }); // 테스트..