전체 글 (29) 썸네일형 리스트형 Jest와 Prettier Jest 1. What is Jest? Jest 는 test case를 통해 코드가 제대로 동작하는지 확인하는 '테스팅 프레임워크' 입니다. ESlint 가 코드 스타일 rule을 정하는 것이라면, Jest를 통해서는 코드가 올바른 기능을 하는지 체크할 수 있습니다. 2. Getting Started sprint directory 의 root 에서 Jest 라이브러리를 개발 의존성(devDependencies)으로 설치합니다. yarn 혹은 npm을 이용하여 간단하게 설치 가능합니다. npm install --save-dev jest Tip* --save-dev 는 모듈을 개발 의존성으로 설치한다는 의미의 명령어로, 해당 모듈은 package.json의 dependencies 가 아닌 devDepende.. Lint 와 Test Linting & Testing console.log 등을 사용하여 매뉴얼하게 테스트를 할 수도 있지만, 여러 사람과 협업을 하거나 프로젝트의 규모가 커질 경우, console.log 만으로 테스트를 하는 것은 여러 면에서 부족합니다. 그래서 테스트를 자동화하기 위해 karma, mocha, chai, jest, jasmine 등과 같은 툴을 사용합니다. Linting? 코드 스타일을 지키는지 체크해 주는 툴입니다. 읽기 좋은 코드, 유지 보수하기 좋은 코드를 만드는 데 큰 도움이 됩니다. 특히 협업 시, 일관된 코드 스타일 유지에 큰 도움이 됩니다. 특히 우리가 주로 사용하는 언어인 자바스크립트는 동적(dynamic)이고 타입 면에서 비교적 덜 엄격한(loosely-typed) 언어이기 때문에, 린터의.. 12/26 this에 관하여 : 1. Global: window 2. Function 호출: window 3. Method 호출: 부모 object ex) let obj = { value: 0, counter: { value: 0, increment: function() { this.value++; } } } => 여기서 this는 counter 4. Construction mode (new 연산자로 생성된 function 영역의 this: 새로 생성된 객체 5. .call or .apply 호출: call, apply의 첫번째 인자로 명시된 객체 12/25 jest에서 .toBe와 .toEqual의 차이점 : .toEqual은 값이 같은지 여부만 체크해주만, .toBe는 참조하는 객체가 같은지 체크를 해 주는 matcher입니다. 참조타입(object, array, function) 데이터를 변수에 할당하는 작업을 할 경우 해당 데이터 자체가 변수에 담기는 것이 아니라, 해당 데이터의 위치가 메모리 상에서 어디인지를 알려주는 주소값이 저장되게 되거든요. 이 주소값이 같은지를 체크해 주는 것이 toBe입니다. 런타임과 NVM 런타임이란 프로그래밍 언어가 돌아가는 환경! Node는 자바스크립트 런타임이다. NVM (Node Version Manager) : 이미 설치된 다양한 노드 버전들을 손쉽게 옮겨다닐 수 있게 도와주는 프로그램 package.json : 어떤 프로그램을 실행시키기 위해 필요한 모듈들이 무엇인지, 프로그램을 실행시키는 방법, 프로그램을 테스트ㅏ는 방법등이 명시되어 있다. ( *** 프로그램을 실행시키기 위해 필요한 실제 모듈은 node_modules폴더에 들어가 있음) 1) dependencies : 이 프로젝트가 돌아가기 위해 반드시 필요한 모듈들이 무엇이지 적혀있다. 2) devDependencies : 이 프로젝트를 개발하는 환경에서 필요한 모듈들이 무엇인지 적혀있다. 3) scripts : npm으로.. 이전 1 2 3 4 다음