전체태그 보기

#jest (8개의 포스트)

k7120792
images.png 서론 최근들어 프론트엔드 개발에서의 테스트 방법을 생각해봤습다. 고민들에는 프론트엔드 테스트코드 실질적 효과와 효율성과 어떤 코드들을 테스트해야 하는지에 대해서 의문을 제기해왔습니다. 그러던 도중 이글을 만나게 되었습니다. 이 글은 Nick Gard의 "React Snapshot Testing: The Bad Parts"를 번...
Typescript와 Express로 재밌는 무언가를 만들어보자!(2)
k7120792
서론 저번 포스트에서 크롤러에서 필요한 모듈들을 설치하는 것까지 진행했었죠? 이번 포스트에서는 프로젝트 세팅을 이어서 해볼 것입니다. 이번 포스트에서 할 작업들은 다음과 같습니다. 1. tsconfig 세팅 2. tslint 세팅 3. jest 세팅 tsconfig 세팅 Typescript를 해보신 분들도 계시겠지만, 이전 포스트에서도 말했다시피 ...
IMMERSEVE - #2. Jest, Recursion
geonhwi

IMMERSEVE - #2. Jest, Recursion

2019년 7월 23일0개의 댓글
Jest / stringifyJSON / parseJSON
IMMERSIVE - #1. Jest, ESLint
geonhwi

IMMERSIVE - #1. Jest, ESLint

2019년 7월 22일0개의 댓글
OT / Jest / Eslint
TDD의 소개
velopert

TDD의 소개

2019년 6월 4일3개의 댓글
TDD (Test Driven Development · 테스트 주도 개발) 에 대해서 알아봅시다! TDD 는 테스트가 개발을 이끌어 나가는 형태의 개발론입니다. 가장 쉽게 설명하자면, 선 테스트 코드 작성, 후 구현 인데요, 이는 총 3가지 주요 절차로 이루어져있습니다. TDD 의 3가지 절차 실패 첫번째 절차는 실패입니다. 이는, 실...
실용적인 테스트 코드 작성하기 (JS)
leejh3224
코드를 작성한 후에 그 코드가 제대로 작동하는지 알 수 있는 가장 쉬운 방법은 컴파일해서 실행해보는 것입니다. 이 방법은 프로그래밍을 입문하면서 제일 처음 배우는 디버깅 방법이기도 하지요. 하지만 이 방법은 쉬운만큼 한계가 많습니다. 첫 번째 한계는 코
jest-image-snapshot을 활용한 디자인 검수자동화를 해보자
float_letter
회사를 옮기고 나서 프론트엔드개발자로서의 기본이 되야할 웹디자인에 맞춰서 페이지를 그려내는 작업을 하게됐다. 디자인에 맞춰서 css를 그리는것이 생각보다 어려울뿐만 아니라 기기종별 내장폰트유무로 달라지는 폰트차이등 신경써야할것이 생각보다 많았다. 특히 인라인요소는 사람을 미치게 한다. 완성되고나면 디자이너분이 꼼꼼하게 검수를 해주시지만......
JavaScript Testing Tool - Jest
yesdoing

JavaScript Testing Tool - Jest

2018년 11월 11일8개의 댓글
🐣 What is the Jest? Jest란 페이스북에서 사용되는 리액트 애플리케이션을 포함한 모든 자바스크립트 테스트 도구입니다. Jest의 철학 중 하나는 "Zero-configuration", 설정 없는 테스트 환경을 제공하는 것입니다. 이들은 개발자에게 사용 준비가 된 도구가 주어질 때, 개발자가 보다 많은 test를 작성한다고 말합니다. 그리...