images.png 서론 최근들어 프론트엔드 개발에서의 테스트 방법을 생각해봤습다. 고민들에는 프론트엔드 테스트코드 실질적 효과와 효율성과 어떤 코드들을 테스트해야 하는지에 대해서 의문을 제기해왔습니다. 그러던 도중 이글을 만나게 되었습니다. 이 글은 Nick Gard의 "React Snapshot Testing: The Bad Parts"를 번...
서론 저번 포스트에서 크롤러에서 필요한 모듈들을 설치하는 것까지 진행했었죠? 이번 포스트에서는 프로젝트 세팅을 이어서 해볼 것입니다. 이번 포스트에서 할 작업들은 다음과 같습니다. 1. tsconfig 세팅 2. tslint 세팅 3. jest 세팅 tsconfig 세팅 Typescript를 해보신 분들도 계시겠지만, 이전 포스트에서도 말했다시피 ...
코드를 작성한 후에 그 코드가 제대로 작동하는지 알 수 있는 가장 쉬운 방법은 컴파일해서 실행해보는 것입니다. 이 방법은 프로그래밍을 입문하면서 제일 처음 배우는 디버깅 방법이기도 하지요. 하지만 이 방법은 쉬운만큼 한계가 많습니다. 첫 번째 한계는 코
회사를 옮기고 나서 프론트엔드개발자로서의 기본이 되야할 웹디자인에 맞춰서 페이지를 그려내는 작업을 하게됐다. 디자인에 맞춰서 css를 그리는것이 생각보다 어려울뿐만 아니라 기기종별 내장폰트유무로 달라지는 폰트차이등 신경써야할것이 생각보다 많았다. 특히 인라인요소는 사람을 미치게 한다. 완성되고나면 디자이너분이 꼼꼼하게 검수를 해주시지만......
🐣 What is the Jest? Jest란 페이스북에서 사용되는 리액트 애플리케이션을 포함한 모든 자바스크립트 테스트 도구입니다. Jest의 철학 중 하나는 "Zero-configuration", 설정 없는 테스트 환경을 제공하는 것입니다. 이들은 개발자에게 사용 준비가 된 도구가 주어질 때, 개발자가 보다 많은 test를 작성한다고 말합니다. 그리...