삼바의 성장 블로그

인프런에서 견고한 JS 소프트웨어 만들기를 수강하며 적은 강의노트입니다.보다 자세한 내용은 강의를 통해 확인하실 수 있습니다. 클릭카운터 모듈 - 스펙3감소버튼, 추가되는 수의 변화가 필요할지도 모른다.모듈을 바꿔야할텐데...ClickCounter모듈은 데이터를 주입받는다.테스트 코드 작성xxxxxxxxxx it('초기값을 주입하지 않으면 에러를 던진다', () => { const actual = () => (counter = App.ClickCounter()) expect(actual).toThrowError() })모듈수정xxxxxxxxxxvar App = App || {}​App.ClickCounter = _data => { if(!_data) throw Error('_data') const dat..

인프런에서 견고한 JS 소프트웨어 만들기를 수강하며 적은 강의노트입니다.보다 자세한 내용은 강의를 통해 확인하실 수 있습니다. 모듈 이용해서 화면 만들기화면(index.html)에 붙여보자xxxxxxxxxx Increase​ ​ (() => { const clickCounter = App.ClickCounter() const updateEl = document.querySelector('#counter-display') const triggerEl = document.querySelector('#btn-increase')​ const view = App.ClickCountView(clickCounter, {updateEl, triggerEl})​ view.updateView() })() 개선된 점기존 i..

인프런에서 견고한 JS 소프트웨어 만들기를 수강하며 적은 강의노트입니다.보다 자세한 내용은 강의를 통해 확인하실 수 있습니다. 클릭카운터 모듈 - 스펙1전역공간에 있는 counter변수를 ClickCounter안에서 관리ClickCounter모듈의 getValue()는 카운터 값을 반환한다. 테스트 코드 작성 (적색단계)xxxxxxxxxx describe('getValue()', ()=> { it('초기값이 0인 카운터 값을 반환한다', ()=> { const counter = App.ClickCounter() expect(counter.getValue()).toBe(0) }) }) 모듈 생성 (녹색단계)xxxxxxxxxxvar App = App || {}​App.ClickCounter = () => {..

인프런에서 견고한 JS 소프트웨어 만들기를 수강하며 적은 강의노트입니다.보다 자세한 내용은 강의를 통해 확인하실 수 있습니다. 아리송한 상황들자바스크립트는 빌드과정이 없기때문에 실행하기전 코드의 에러를 검출할 수 없습니다.console.log = 4console.log('4');// ERROR또한 타입이 헷갈릴 때도 있습니다.xxxxxxxxxxlet f = '1' + 1// '11'let s = '2' * 3// 6let t = 1 + '2' + 3 * 4// '1212'컴파일러가 없으니 테스트가 최선이다.이러한 문제를 극복할 방법으로 테스트주도개발(TDD)에 대해 알아보자!JS 소프트웨어를 견고하게 만드는 것이 이 강의의 목표. 몇 가지 테스트 개념들단위 테스트단위(Unit): Input에 따라 계산한..