콘텐츠 바로가기
본문 바로가기


블로그 전체검색
스무디 한 잔 마시며 끝내는 리액트+TDD

[도서] 스무디 한 잔 마시며 끝내는 리액트+TDD

김정헌 저

내용 평점 5점

구성 평점 5점

이 책은 리액트를 처음 배우거나, 리액트에서 테스트 코드를 작성하는 방법에 대해서 궁금하거나, 리액트에서 TDD를 사용하여 개발하고자 하는 개발자를 대상으로 하고 있다

이 책은 리액트와 리액트에서 테스트 코드를 작성하는 방법을 좀 더 쉽게 이해할 수 있게 리액트의 기초부터 리액트에서 테스트를 위해 사용하는 Jest와 react-testing-library를 다루는 방법 그리고 예제를 통해 실제 프로젝트에서 리액트와 리액트의 테스트 코드를 활용 하는 방법을 자세히 소개하고 있다

저자 블로그: https://dev-yakuza.posstree.com/ko/

저자 앱 리스트: https://dev-yakuza.posstree.com/app/list/ko/

 

예제 코드

https://github.com/bjpublic/reactdd

 

사전 지식

이 책을 공부하기 전 자바스크립트의 ES6 문법과 최신 자바스크립트에 관해 먼저 공부하기를 권장한다

리액트에서 자주 사용되는 ES6의 화살표 함수, const, let 등은 먼저 공부를 하지 않으면 책 내용을 이해하기가 어렵다

이 책은 타입스크립트를 사용하여 진행한다

이 책을 통해 리액트와 함께 타입스크립트를 공부할 수 있으며 타입스크립트에 입문하기에 적합한 내용을 다루고 있다

이 책의 구성

1장에서는 간단하게 자바스크립트의 역사를 살펴보고 리액트가 왜 탄생하게 되었는지, 리액트의 특징은 무엇인지에 대해서 알아본다

2장에서는 리액트로 프로젝트를 개발하기 위해 맥과 윈도우에 create-react-app 개발 환경 설정을 하는 방법에 대해서 설명하고 있다

3장에서는 자바스크립트 테스트 프레임워크인 Jest에 대해서 살펴보고 자바스크립트에서 어떻게 테스트 코드를 작성하는지, 어떤 API 등을 사용할 수 있는지에 대해서 살펴본다

4장에서는 리액트를 테스트하기 위한 라이브러리인 react-testing-library에 대해서 살펴보고 해당 라이브러리를 설치하는 방법과 사용하는 방법에 대해서 간단히 알아본다

5장에서는 create-react-app을 사용하여 리액트 프로젝트를 생성하며, 실무에서 자주 사용되는 타입스크립트, styled-components, 절대 경로로 컴포넌트를 추가하는 방법과 Prettier를 설치하고 적용하는 방법에 대해서 설명하고 있다

6장에서는 리액트의 주요 개념인 Props와 State를 설명하고 할 일 목록 앱을 제작해 봄으로써 Props와 State를 이해하려 한다

또한, 제작한 할 일 목록 앱에 관한 테스트 코드를 작성하여 리액트에서 테스트 코드를 작성하는 방법에 대해서 간단히 살펴본다

7장에서는 클래스 컴포넌트에 대해서 살펴볼 예정이다

이 책은 리액트의 함수 컴포넌트를 주로 다루고 있다

하지만, 리액트에서는 함수 컴포넌트 이외에도 클래스 컴포넌트가 존재하며, 이 클래스 컴포넌트를 이해하지 못하면 클래스 컴포넌트를 활용하는 코드를 이해할 수 없다

또한, 클래스 컴포넌트를 통해 리액트 컴포넌트의 라이프사이클을 이해한다

8장에서는 리액트의 Props와 State 이외에 데이터를 다루는 주요 개념인 Context API에 대해서 설명한다

또한, 데이터를 저장하기 위한 localStorage를 활용하여 서버에 데이터를 저장하고 가져오는 타이망과 방법에 대해서 알아본다

9장에서는 리액트에서 페이지 전환을 사용하기 위해 react-router 라이브러리를 사용하는 방법에 대해서 설명한다

또한, 지금까지 만든 할 일 목록 앱에 react-router를 적용하여 페이지 전환을 하는 방법에 대해서 살펴본다

10장에서는 지금까지 만든 할 일 목록 앱을 테스트 주도 개발 방법론을 활용하여 처음부터 개발해 봄으로써 리액트에서 테스트 주도 개발 방법론을 사용하여 앱을 개발하는 방법에 대해서 알아본다

서평

이 책은 리액트와 리액트 TDD에 공부해볼 수 있는 책이다

먼저 리액트의 기본적인 내용들을 공부하면서 할일 앱을 한번 만들어 보고 다시 TDD를 활용해 할일 앱을 만들어 보면서

어떻게 테스트 주도 개발 방법론으로 리액트 개발을 할 수 있는지 공부 해본다

앞에서 소개한대로 자바스크립의 기본에 대해서는 다루지 않고 있으며 타입스크립트 기반으로 진행된다

저자의 블로그에서 추가적인 정보를 더 얻을 수 있으며 리액트의 기본 지식 습득을 위한 내용이 충실한 서적이다

실습을 위해 책 한권에서 이 앱 저앱 많이 많들어 보는 쿡북 형태의 책도 좋지만

이런 책 처럼 리액트의 기본에 충실하고 TDD 개발 방법론에 까지 공부해볼 수 있는 책도 반드시 꼭 읽어보기를 권장한다

코드의 품질을 높이고 개발자의 소양을 향상시키기 위해서는 반드시 이런 깊은 지식들이 필요하다

 

총평

이 책은 프론트에서는 잘 다루지 않는 테스트 주도 개발에 대한 내용을 다루고 있어 매우 유용하다

쿡북 형태의 책을은 될 수 있으면 많은 앱들을 직접 개발해보며 눈으로 보이는 것을 중요시 여기는 반면에

이 책은 단 하나의 기본적인 앱을 개발하며 리액트의 다양한 기능들의 사용법을 익히고

테스트 주도 개발 방법론에 대해서도 배울 수 있다

이 책을 공부하면서 한층 더 성장하고 지식의 깊이가 깊어짐을 느낄 수 있었다

리액트를 공부하고 싶고 TDD를 배우고 싶은 사람이라면 이 책을 한번 읽어보기를 권장한다

※출판사로부터 책을 무상으로 제공받아 직접 실습해보고 정성껏 작성한 리뷰 입니다


https://dev-yakuza.posstree.com/ko/
https://dev-yakuza.posstree.com/app/list/ko/
https://github.com/bjpublic/reactdd
 
취소

댓글쓰기

저장
덧글 작성
0/1,000

댓글 수 0

댓글쓰기
첫 댓글을 작성해주세요.

PRIDE1