강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Software Test

テスト with Jest: ゼロ秒に正しく学ぶ

このレッスンでは、テストが必要な場合とテストを行う際の利点をJestフレームワークで紹介します。リアクト、Expressなどにユニットテスト、統合テストを適用してみます。

  • zerocho
실습 중심
Software Test
Jest
react-testing-library
SuperTest
unittest

学習した受講者のレビュー

こんなことが学べます

  • Jestの使い方

  • テストコードの書き方

  • テスト時の注意事項

  • ユニットテスト、統合テスト

  • スナップショットテスト

あなたのコードを自動化テストする必要があるのか心配ですか? 🤔

注がれる業務打ち出しも忙しいのですが、別に時間をかけてソフトウェアテストを作成しなければならないのか悩みが多いでしょう。インターネットでは、「テストしなければならない」または「TDD(テスト主導開発)しなければならない」こういう文をよく見て、より悩みが深まったはずです。

このレッスンでは、まず現在の状況でテストが必要かどうかをお知らせし、テストを行う際の利点をコードで紹介します。 「テストをぜひしてください!」強制する講義ではありません。講義を見てから自分で必要性を感じたら、講義で学んだようにテストを適用してみてください!

この講義の特徴

📌無条件テストをしなければならないという立場で取った講義ではありません。テストが必要かどうかを講義を見ながら感じてみてください。

📌単にテストツールAPIを紹介するのではなく、どのような心でテストする必要があるのか、どのようにテストすればいいのかを紹介します。多くのJest APIの中で、実務でよく使われるものを中心に説明します。

📌 TDD講義ではありません。既存のReactやExpressコードにユニットテスト、統合テストを追加する方法を講義します。テストカバレッジ100%を目指します。

📌基本的にJavaScriptを知っているという前提のもとに進みます。追いつく講座ではなく、私がテストをするのを見ながら必要性を一緒に感じて、さまざまなモッキング技法について学ぶ講義です。

こんな方におすすめです

テストしなければならないか悩んでいます。

テストすればいいという言葉は聞いたが、別に時間をかけて作る必要があるのか悩む開発者

テストどこから始めるべきですか?

必要に応じて、または会社の指示でテストコードを組み立てるのにどのように始めるのか

効果的なテストとは何ですか?

テストは作成しているが、きちんとしたテストが合うが、効率的なテストが合って悩む開発者

受講後は

  • 既存のプロジェクト(React、Express)にJestを設定できます。

  • 既存のプロジェクト(React、Express)にユニットテスト、統合テストを作成できるようになります。

  • 少しの(?)努力だけを傾ければ、テストカバレッジ100%を達成できるようになります。

  • どの部分をモッキングすべきかを判断できるようになります。

このようなことを学びます。

Visual Studio Code Jestプラグインとのテストレッスン!

テストカバレッジ100%達成も難しくありません(疲れただけ... 😊😊)

ユニットテスト、統合テスト、E2Eテストについて学びます。

2回実行すると失敗するテストは今やめ!スナップショットテスト(aka.ぬいぐるみ)で解決!

受講前の注意

練習環境

  • windows 11

  • node.js 22

  • Jest 29

  • 練習環境は大きく関係ありません。

選手の知識と注意事項

  • 基本的なJavaScript文法

  • Reactなどのフロントエンド体験、またはExpress、Nest.jsなどのバックエンド体験

  • フォローするのではなく、講義を見ながら学んだことをあなたのコードにテストしてください。

  • テストして詰まったのは、ソースコードと一緒に質問していただければ一緒に悩んでみましょう。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • テストをしたいのですが、どうやって始めるのかを理解できない人

  • 何度もバグが再発してテストの必要性を感じる方

  • テストすると、開発生産性が向上するのか気になる人

  • 効果的なテストを作成したい方

前提知識、
必要でしょうか?

  • JavaScript

  • タイプスクリプト(上手でなくてもよい)

  • npm

こんにちは
です。

65,526

受講生

1,602

受講レビュー

9,702

回答

4.8

講座評価

22

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

53件 ∙ (5時間 57分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

26件

5.0

26件の受講レビュー

  • RyuWoong님의 프로필 이미지
    RyuWoong

    受講レビュー 4

    平均評価 5.0

    5

    51% 受講後に作成

    Jest를 활용하여 테스트 도입을 시도해봤지만, 라이브러리 설명과 다르게 생각보다 어려운 점이 꽤 존재했어요. 이 강의는 기초부터 핵심만 군더더기 없이 설명해줘서 너무 좋아요. Jest를 처음부터 익히고 싶은 분이라면 완전 추천합니다! 👍

    • 김형님의 프로필 이미지
      김형

      受講レビュー 10

      平均評価 5.0

      5

      60% 受講後に作成

      자바스크립트 부문 1티어 강사답게 jest 부분의 기초 / 중요 / 실전 까지 놓치지 말아야할 부분을 쉽고 정확하게 알려주는 제로초쌤 강의는 산삼과도 같은 건강한 약재를 먹는듯 합니다.

      • Cliche님의 프로필 이미지
        Cliche

        受講レビュー 3

        平均評価 5.0

        5

        83% 受講後に作成

        테스트를 처음 하시는 분들이나 Jest를 말로만 들어봤지 사용은 안해보신 분들에게는 최고의 강의가 아닐까합니다. Jest를 사용하여 작은 단위 의 테스트 부터 큰 통합테스트까지 두루두루 사용할수있도록 실무에서 적용이 가능할정도로 구성이 되어있습니다. 또한 JEST를 사용하면서 생길수있는 궁금증이나 질문사항들은 이미 강의내에 셀프(?) 답변식으로 되어있어서 물어보지 않아도 답이 다 나와있습니다. 마지막으로 커리큘럼 목록이 직관적입니다. 강의는 한번 듣는다고 다 되는게 아니라 두번 세번 들어야 하는데 그때 이 커리큘럼 목록이 우리들의 의문, 궁금증을 바로 해결할 수 있도록 도와줍니다 이것만으로 해결함에 있어서 큰 스탭을 한발 나아가게 해줘서 좋습니다.

        • Leo님의 프로필 이미지
          Leo

          受講レビュー 2

          平均評価 5.0

          5

          49% 受講後に作成

          정말 필요한 부분만 간결하게 설명해주셔서 빠르게 학습하고 적용해보기 좋은 강의인 것 같습니다. 편집도 깔끔해서 좋네요. 단순히 개념만 설명하는 것 이상으로 경험에 근거한 얘기도 많이 해주셔서 도움되는 내용들을 많이 얻을 수 있습니다.

          • 이명욱님의 프로필 이미지
            이명욱

            受講レビュー 2

            平均評価 5.0

            5

            100% 受講後に作成

            프로젝트 코드에 테스트 코드를 작성해가며 테스트 코드 작성의 당위성과 jest 관련 문법에 대해 알 수 있었습니다! 좋은 강의 감사합니다! :)

            ¥5,187

            zerochoの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!