JBEE.io

Jbee
Written by@Jbee
Web Engineer Interested in 설계.테스트.생산성.자동화.멘토링. FEConf Organizer @FEDG

GitHubTwitterFacebook

[Testing] 5. 여러 테스팅에 대한 단상

앞서 시리즈에서 소개한 테스트 말고도 여러 테스트들이 존재하는데, 그 테스트들에 대한 생각을 정리해봤다.snapshot 테스트에 대한 생각결론부터 말하자면 snapshot 테스트에 대해서는 회의적인 입장이다. Regression test 시 사용한다면 말리진 않겠지만 나라면 스냅샷 테스트를 하지 않을 것이다. 페이스북에서 만든 테스트 도구인 Jest의 발…

[Testing] 4. 컴포넌트 테스트와 검증

앞서 컴포넌트에 대한 단위 테스트는 과감히 진행하지 않는다고 했다. (컴포넌트에 비즈니스 로직이 없을 때에 대한 이야기) 하지만 그냥 두기에는 뭔가 불안하다.웹의 특성 상, 특정 상황에서 UI가 깨졌을 때, 빠르게 수정하여 배포가 가능하다. 사용자의 애플리케이션 사용 흐름을 방해하는 정도의 ‘붕괴’가 아닌 이상, 빠르게 대응하면 되는 일이다. 배포 자동화…

[Testing] 3. Store와 비즈니스 로직 테스트

앞서 비즈니스 로직과 컴포넌트 렌더링 구조를 분리하자고 이야기했다. 로직을 관리하게 되는 Store와 그 외의 것들을 어떻게 테스트 할 수 있을지 먼저 살펴본다.Store꼭 store가 아니더라도 애플리케이션의 상태(state)를 관리하는 무언가가 있을 것이다. 이 상태를 관리하는 부분은 어떻게 테스트 할 수 있을까? 가장 대중적인 상태 관리 라이브러리,…

[Testing] 2. 프론트엔드, 어떻게 테스트 할 것인가

앞서 프론트엔드 테스트 코드를 작성하면서 마주할 수 있는 몇 가지에 대해 이야기했다. 이번 편에서는 다시 테스트에 대한 내용으로 돌아가 앞서 다룬 이야기들을 기반으로 프론트엔드 입장에서 테스트에 대한 부분을 되짚어 보려고 한다.테스트의 기본테스트는 아래의 내용을 만족해야 한다.테스트 케이스(Test Case)는 반드시 , 을 반환해야 한다.이 참, 거짓은…

[Testing] 1. 프론트엔드, 무엇을 테스트 할 것인가

이 앱, 지금 제대로 동작하니?아마 이 질문에 대한 피드백을 받기 위해 테스트 코드를 작성할 것이다. React Application을 예로 들어보면 다음과 같은 테스트 대상들을 쉽게 생각할 수 있다.액션이 원하는 대로 잘 생성되는지순수 함수인 리듀서가 내가 정의한대로 상태를 변경하는지props에 따라서 컴포넌트가 제대로 렌더링되는지하지만 아쉽게도 이런 …

[Testing] 0. React Testing 시리즈를 들어가며

앞서 React 프로젝트의 구조에 대한 이야기를 4편에 걸쳐서 실컷했다. 그런데 설계 이야기를 하면서 테스트 이야기는 하지 않았다. 설계에 대해서는 필자도 잘 모르지만 테스트와 설계는 뗄 수 없는 관계라는 정도는 알고 있다.테스트를 고려하지 않은 설계는 반쪽짜리 설계에 불과하다. 그래서 이번에는 테스트에 관련된 이야기를 해보려고 한다. 이번 프로젝트에서 …

Jbee.log(2019)

Jbee.log(2018)Jbee.log(2017)연말 회고자동 반사Jbee로서의 회고블로그 운영Gatsby로 블로그 마이그레이션 (Link)resume와 블로그 통합 및 개편도메인 구입 (jbee.io)블로그 starter-pack 만들어서 배포 (gatsby-starter-bee)gatsby plugin 도 하나 만들어서 배포 (gatsby-remar…

[서평] IT에 몸담은 이들을 위한 지적생산기술

제목에 이끌려 읽어본 책이다. 이 책의 제목을 본 순간 내가 학습하는 방법에 문제가 있진 않은지 계속 거슬렸다. 책을 다 읽고 나서는 잘하고 있는 부분도 있었고 다시 한번 생각해보고 시도해볼만한 거리들이 생겼다.‘새로운 것을 학습하기’에서는 알고 있던 지식을 보다 체계적으로 정리하였고 ‘독서 방법에 대한 생각’에서는 새로운 독서법에 대해 시도해볼 방법을 …

[서평] 심플 소프트웨어

길벗 리뷰어로 선정되어 심플 소프트웨어 책을 받아보았다. 책을 소개하고 있는 내용 중, ‘Code Health’라는 말에 이끌려 리뷰어 신청을 했다. 저자가 무려 구글의 Code Health 기술 책임자라고 한다. 책을 받았을 때 얇은 두께에 놀랐다. 이 얇은 책이 소프트웨어라는 광범위한 내용을 다룬다는 것에 의심을 했다.이 책은 ‘코드의 단순성, 가독성…

[React] 4. React Router 다루기

이번 프로젝트에서 routing 관리를 위해 react-router를 사용했다.Directory 구조CRA로 프로젝트를 처음 스캐폴팅하게 되면 기초적인 부분만 scaffolding해주고 나머지는 개발자의 몫이다. router 이야기를 하기 전에 디렉토리를 어떠한 기준으로 어떠한 계층으로 나누면 의미있을지에 대한 내용을 이야기해보려고 한다.Routing d…