웹 개발자의 일상

호이스팅 자바스크립트에서 호이스팅이란 모든 선언을 메모리 공간에 미리 할당 하는것이다. 호이스팅 대상: ES6에서 도입된 let, const를 포함하여 모든 선언(var, let, const, function, function* , class)을 호이스팅한다. var의 경우 메모리 공간에 할당되면서 undefined로 초기화 되지만 let과 const는 초기화 되지 않는다. 주의: 선언과 할당이 동시에 일어나면 호이스팅 되지 않는다. —var 호이스팅 console.log(a); // undefined var a; a = 5; console.log(a); // 5 주의 선언과 할당이 동시에 일어날 경우 할당은 호이스팅되지 않는다. function hoisting() { alert(a) // undefin..

테스트 코드를 작성할때 자주쓰는 또는 유용한 API 정리 Expect : 테스트 코드를 작성할때, 값이 특정한 조건에 맞는지 확인해야한다. expect는 다양한 것을 검증할 수 있는 여러 "matchers"를 제공한다. Reference expect(value) - expect 함수는 값을 테스트 할 때마다 사용된다. expect 그 자체만으론 거의 호출되지 않는다. 반면, 값을 검증하기 위해 "matcher" 함수와 함께 expect를 사용할 수 있다. test('the best flavor is grapefruit', () => { expect(bestLaCroixFlavor()).toBe('grapefruit'); }); 이 경우에서 tobe는 matcher 함수이다. .not - 테스트 방법을 알..

포스팅 목적: FrontEnd test 도입 1) 설치 및 실행 설치 방법 yarn add --dev jest or npm install --save-dev jest 설치 후 Package.json에 설정해야 할 것 { "scripts": { "test": "jest" } } yarn test or npm run test 명령으로 테스트를 실행할 수 있다. 2) 추가 구성 프로젝트에서 Babel을 사용할 경우 jest에도 Babel 설정이 필요하다. yarn add --dev babel-jest @babel/core @babel/preset-env babel.config.js에 설정해야 할 것 // babel.config.js module.exports = { presets: [['@babel/prese..