TDD와 리액트 테스트

프론트엔드 개발자를 위한 테스트 마스터 클래스

리액트강의 수강자에게만 드리는 무료 강의!

아래 조건을 만족하신 수강생 분들에 한해 특별 제공 하는 강의로,

이 강의는 별도로 판매하지 않습니다.


리액트 강의 완강(80% 이상 완료)하고, 수강리뷰(정성가득!) 남겨주는
능동적인 수강생 분들에게 수강권을 보내드려요.공지확인하기🎖

리액트 테스트 코드 작성하기

프론트엔드 개발자로 필요한 테스트의 모든것 🐝

  • 테스트의 오해와 진실!

    개발자에게 테스트란 무엇인가? 원론적인 질문부터 시작해서 우리가 알아야 하는 테스트에 대한 전반적인 개념 & 원칙들에 대해 알려 드립니다. 테스트의 장점들과 나쁜/좋은 테스트를 결정짓는 요소들에 대해 배우고, 직접 챌린지를 진행하면서 실제로 적용하는 법도 배워봅니다.

  • TDD

    TDD 많이 들어보셨죠? TDD란 무엇인지, TDD로 개발해 나가는것은 무엇인지 전반적인 내용들에 대해 이해해 보고, 챌린지를 통해서 진정한 TDD를 사용해 봅니다. 그리고 이 강의에서는 TDD보다 더 본질적인 중요한 내용들 & 팁에 대해서 얻어가실 수 있습니다.

  • 리액트 실전 프로젝트

    리액트 어플리케이션을 발끝부터 머리까지 테스트 해보면서 진정한 테스트의 포인트를 잡아갈 수 있습니다. 모바일부터 다양한 분야에서 일했던 강사의 노하우를 가득담아 진행하는 강의를 통해, 리액트 뿐만 아니라 다른 플랫폼에서도 적용할 수 있는 지식들을 배워갑니다.

강의 소개 영상

완강하면 어떤 것이 완성 되나요?

강의 리뷰

강의를 완성하신 드림코더님들 수강평

  • 리액트보다 더한 강의!! TDD의 기초를 다지자!

    사실 보너스 강의이고 TDD라고해서 별 기대는 안했는데, 오히려 리액트 강의보다 더 좋다고 생각이 들어서 후기를 남기게 되었습니다. 정말 유투브부터 많은 개발자들이 TDD 하는데, 실질적으로 유닛단위부터 시작해서 컴포넌트와 실제 앱 e2테스트까지 보여주며 인지를 시켜주는 건 역시 엘리님의 쏙쏙 일타요약 강의 때문이지 않을 까 싶네요!! 인프런 강의보다가 답답해 그냥 혼자 공식문서하며 보는게 더 편했는데, 오히려 TDD를 어떻게 구조를 잡을지 개념을 체계적으로 알려주신 것 같아서 너무 좋습니다.!! 노드 테스트 강의도 나왔던데 목차가 궁금하네요 ㅎㅎ 단순히 개념은 있고 유닛 테스트 는 많이 해봤지만, 유닛부터 전체 앱 e2테스트까지 어떻게 해봐야 하는지에 대한 설계의 구조를 알려주는 좋은 강의였습니다. 매번 프로젝트를 하고 유닛테스트 이상의 테스트를 시도해본적은 없는데 이번 계기로 한번 e2e까지 해볼 수 잇을거 같아요! 감사합니다!

    irisonestar
    irisonestar
  • 많은 걸 배울 수 있는 테스트 강의

    테스트를 쉽게 작성하기 위해서 의존성을 최대한 줄이게 되면서 구현부 코드도 깔끔해지는 것 같습니다. 그리고 안전하게 리팩토링을 하기 위해서는 테스트 코드는 필수적인 것 같네요. 실무적으로 접근했을 때도 어떤 테스트부터 작성을 하는게 좋을지도 알려주셔서 많은걸 배울 수 있었던 시간이였습니다. 다만 실무코드에선 redux, mobx, recoil등을 사용해서 전역관리를 하게 되는 경우가 많다고 생각됩니다. 이런 전역관리를 하게 된다면 전역관리에서 비지니스 로직을 클래스로 분리하게 된다면 어떻게 할 수 있을지 알려주시면 좋을 것 같습니다. 또한 스냅샷 테스트를 했을 경우와 일반적인 ui 테스트에 대한 차이점(장,단점)에 대해서도 다루면 좋을 것 같네요. 정말 많이 배우고 가는 것 같습니다. 이런 강의를 무료로 제공한다는게 믿기지 않네요. 항상 선한 영향력을 주시는 것을 본받아야 될 것 같습니다. 감사합니다!

    dnehddn33
    dnehddn33
  • 너무 많은 도움이 되었어요💕

    지금까지 테스트 코드 없이 프로젝트를 해왔는데요, 어떤 부분을 수정할 때마다 직접 수동적으로 테스트해야했고 내가 수정한 부분으로 인해 생각지도 못한 다른 곳에서 에러가 발생해 다시 원래대로 고쳤던 적이 종종 있었어요ㅜㅜ 시간이 없다는 핑계로 테스트 공부를 미루고 있었는데, 직접 테스트 없이 프로젝트를 해보니까 너무 불편하고 번거롭더라구요... 그래서 바로 테스트 강의를 들었고 너무너무 많은 도움이 되었습니다!! 테스트 코드 작성법뿐만 아니라 테스트의 범위, 원칙 등 좋은 테스트 코드를 작성하기 위해 필요한 지식까지 알려주셔서 더 좋은 테스트 코드를 작성할 수 있을 것 같습니다! 작성법만 알려주셨다면 테스트를 어디까지 해야하나 몰랐었을텐데 이런 점까지 모두 알려주신 점이 너무 좋았습니다ㅎ.ㅎ 좋은 강의 너무 감사드려요😍

    njw10099
    njw10099
  • 테스트만 배우는 강의가 아니에요

    다른 유닛테스트 강의도 찾아보았고, 리팩토링 책도 보았지만, 여전히 실제 프로젝트에서 테스트코드를 작성하려니 막막했었는데, 문제는 테스트코드가 아니라 제 코드였어요. 테스트 하기 좋은 코드가 좋은 코드라는 말은 들어보았지만 그 말이 이제야 와닿는것 같아요. 아마도 프론트엔드 강의 중에 테스트에 대해서 제대로 알려주는 강의가 없었던 것 같아요. 이 강의 보고나서 가장 먼저 한 것은 Jest를 설치하는게 아니라, 코드를 뒤엎었는것이였습니다. 메소드들을 관심사별로 정확히 분리하고, 리액트 의존성을 지웠습니다. 그리고 테스트 코드를 작성했어요. 이제 아주 자신감있게 리팩토링을 시작할 수 있을 것 같아요. TDD 뿐만 아니라 프론트에서 객체지향적으로 코드를 짜는 방향을 알려주는 강의라 너무 좋았습니다.

    wonjun92
    wonjun92
  • 테스트하기 좋은 코드를 쓰는 것 부터가 시작!

    테스트는 결국 테스트한 코드에 대한 자신감으로 이어진다는 말씀을 거듭해주셨는데, 정말 이번에 개인 프로젝트하면서 뼈저리게 느꼈어요. 만들고 싶은 기능을 우선순위에 두고 작업하다 보니까 코드를 짜면 짤 수록 예상치 못한 에러가 계속 나면서 같은 부분을 여러번 수정해야 했던 상황이 생기더라구요. 그 부분을 일단 테스트하고 나서도 에러가 생기면 제가 생각하지 못했던 케이스라 또 거기에 대한 테스트를 추가하는 식으로 했더니, 에러가 생겨도 '아 이건 그 부분이 문제가 아니라 다른게 문제겠구나' 하면서 디버깅도 수월해졌어요! 그때의 만족감이란😌 알찬 강의 감사합니다!

    aanmeba
    aanmeba
  • TDD 리액트 편!

    리액트 강의 듣고 혼자서 작은 프로젝트를 진행하다 매번 수동적으로 테스트 하는 게 너무 막막했는데 때마침 테스트 강의가 올라와서 JS편부터 들었습니다! 들으면서 깨달은 것 중 하나는 물론 테스트를 함으로써 결과적으로 서비스의 질을 높일 수도 있지만, 테스트 코드를 고려하면서 작성하게 된다면 개발과정에서 코드의 질 역시 올라간다는 점이었어요. 뿐만 아니라 마음 역시 편하게 해준다는 점.. 😌 이번 강의도 재밌게 들었습니다. 감사합니다 엘리님!

    seonhwakei
    seonhwakei
테스트, 어디까지가 개발자의 영역일까?

테스트, 어디까지가 개발자의 영역일까?

개발자로서 알아야 하는 테스트란 무엇일까요? 언제 테스트를 작성해야 하는지, 테스트를 작성하는 장점과 이유는 무엇인지? 어떤 테스트들이 있고 어떤것들을 필수로 알아야 하는지 속 시~~원하게 알려드립니다 🤓 현업에서 어떻게 테스트를 작성하는지 궁금하시죠? 이번 강의에서 그 이야기! 한번 해보도록 합니다.

TDD, 제대로 알아볼까?

TDD, 제대로 알아볼까?

아뉘 당췌 도대체 TDD가 뭐길래 다들 TDD, TDD 하는거죠? TDD란 무엇인지? 어떤식으로 개발 해나가는걸 말하는건지? 현업에서는 어떻게 개발해 나가는지 얘기해 보겠습니다. 그리고 챌린지를 통해서 여러분들이 직접 TDD를 제대로 체험할 수 있도록 강의를 진행해 볼꺼예요 💪

가장 기본적인 하지만 제일 중요한!

가장 기본적인 하지만 제일 중요한!

단위테스트 작성법에 대해 알아봅니다. 우리 특정한 테스트 프레임워크를 벗어나서 어떤것을 포인트로 잡고 단위테스트를 작성해야 하는지! 테스트 코드를 작성하는것에 집중하는 것이 아니라, 테스트 코드를 통해서 우리가 얻고자 하는 더 중요한! 그 본질적인 것을 얻기 위해서 어떻게 접근하면 좋은지 알아봅니다.

무엇을 테스트 해야 할까?

무엇을 테스트 해야 할까?

어떤 것을 테스트 해야 할까? 어떤 부분까지 테스트 해야 할까? 무엇을 중점적으로 다뤄야 할까? 어떤 테스트 코드가 좋은 테스트 코드 일까? 많이 궁금하셨죠? 협업에서 코드 리뷰시 많은 개발자들이 테스트 코드에서 놓치고 있었던 중요한 포인트들 알려드립니다. 노트 📒 준비해 주세요! 여러가지 원칙들과 팁들 나갑니다~! 다 담아가세요 🍯

이젠 리액트 실전이다!

이젠 리액트 실전이다!

유튜브 클론코딩 프로젝트를 테스트 해봅니다! 리액트 컨텍스트, 라우터, 쿼리를 사용한 프로젝트! 구석구석 테스트 할 수 있는 비법에 대해 알아봅니다. 현업에서 핫하게 쓰이는 다양한 테스트 툴들을 적극 활용해서 우리 프로젝트의 자신감을 높여 보도록 할거예요. 단순 주입식이 아니라 챌린지를 통해서 직접 연습하고 적용하는 드림코딩 아카데미 강의 방식, 그대로 진행합니다.

  • 9개

    챕터

  • 323분+

    동영상

  • 6시간+

    분량 강의

강의 커리큘럼

아래 커리큘럼과 미리보기를 보시고 신중하게 결정해 주세요

  1. 1.1 강의 소개
    04:21
  2. 1.2 저작권 관련 안내사항 (중요!)
  3. 1.3 🚨 토론창 이용 공지사항 (꼭 읽어보고 토론창 이용하세요)
  1. 2.1 챕터 소개
    00:48
  2. 2.2 테스트란 무엇인가?
    03:02
  3. 2.3 언제 테스트를 해야할까?
    03:39
  4. 2.4 테스트를 하는 이유? 장점?
    03:23
  5. 2.5 꼭 알아야 하는 테스트 피라미드 🐍
    10:02
  6. 2.6 TDD란 무엇인가?
    05:16
  7. 2.7 TDD 모든 개발자들이 다 해야할까?
    06:49
  8. 2.8 CI/CD에서의 테스트
    02:24

공식 수강 기간: 2주 + 추가 무료 복습 기간 제공!

TDD와 리액트 테스트

지금 엘리와 함께 시작하세요!

  • 엘리의 시그니처 강의

  • 평생 수강가능

  • Q&A 토론창 지원

  • 완강시 수료증 발급

  • 한국어 강의

  • 슬랙 커뮤니티 지원

리액트 강의 완강시 무료로 제공됨

취소 및 환불정책 대해 알아보세요

선생님은 누구?

  • 엘리 | 드림 코더

    엘리 | 드림 코더

    Full-Stack(+mobile) Engineer | Engineering Manager

    뛰어난 강의력! 강의 맛집!으로 인정받은 15만+ 구독자 '드림코딩' 유튜브 채널 운영자 엘리! 삼성전자 임베디드/안드로이드 연구원으로 4년 근무 후, 해외에서 10년+ 현업에서 일한 경험까지 겸비! 안드로이드, 아이폰, 백엔드, 프론트엔드 개발자로 일했으며, 테크리더부터 팀장, 그룹장(엔지니어링 매니저)까지 리더쉽 포지션에서도 활동했습니다.탄탄하게 쌓아온 실무 경험과 성장했던 비법까지 여러분께 모두 전수해 드리고 싶습니다! 진정한 개발자란 현재 가지고 있는 지식과 경험, 노하우에 만족하고 멈춰 있는 것이 아니라 끊임없이 배움을 추구하며 열정적으로 살아 가야 한다고 믿고 있습니다. 그 열정, 강의를 통해 나눠드리고 싶어요! 함께 달려봅시다! 🎖

    자주 묻는 질문들