Programming

Front-end

根本的なフロントエンドユニットテスト

Name: 根本的なフロントエンドユニットテスト
Price: 44000 KRW

フロント＆ユニットテストのすべてをマスターできるように、基本概念から状況別テスト作成法、高度なテスト知識まで全て集めてお届けします

（5.0）受講レビュー 4件

受講生 56名

sowhatcoding

유닛테스트

tdd

테스트코드

3시간 만에 완강할 수 있는 강의 ⏰

Software Test

TDD

Jest

TypeScript

JavaScript

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

こんなことが学べます

ユニットテストの概念と高度なテスト知識
Jestを使ったテストコードの書き方
In-Memory DBを使用したQuery関数のテスト
Test Doubleを使用したテスト依存性の分離

テスト、本当にうまく書いていますか？

テスト文法だけを知ればテストを簡単に作れると思うけど
実務に合わせてテストを「よく」するのは、文法だけを知ってはいけません。
たとえば、Mockというテストテクニックについて知っています。
どのような状況で、どこに書くべきか、またなぜ書くべきかを知らないと、テストを正しく作成するのは難しいです

だから、テストの概念を正確に理解し、どの場所にどのテストテクニックを使うべきかを知る必要があります
ソフトウェアの信頼性を高める適切なテストコードを書くことができます。
しかし、そのためには知っておくべきことも多く、抽象的なテスト哲学も理解しておく必要があります。
一言で学ぶのは少し難しいです（お知らせするのも難しいです😊😊）

だから講義は難しくないように具体的な例を使ってテスト作成法を簡単に理解できるようにしました。
テストに必要な知識はすべて抜けずに入れて内容に不足がないように講義を作りました

テストを「よく」書く開発者に成長していますが、私の講義が役立つことを願っています！

Q. どうすればテストがうまく作れるか知りたいです。

テストをうまくするためには理論を学ぶのにとどまらず
必要な場所に必要なテスト技術を適切に使用することを知っておく必要があります。
概念と使い方だけを知っている半角知識になることができます。
それで、実際のテストコードを書いているときに遭遇するかもしれない状況と同様に、講義の例を書いています。
講義に従うことで、実務で必要な状況に合わせてテストコードを書くことができます。

こんな方に
おすすめです

学習対象は
誰でしょう？

しっかりした基礎を固めながらテストを学びたい開発者
テストコード 'よく'作りたい開発者

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

Typescript (基礎知識)
MongoDB（基礎知識）

こんにちは
です。

1,604

受講生

受講レビュー

5.0

講座評価

講座

무료강의부터 천천히 들어보세요

カリキュラム

全体

35件 ∙ (3時間 14分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．講義紹介

1件 ∙ (2分)

1. 講義紹介
02:40

セクション 2．テストコードが必要な理由

4件 ∙ (6分)

セクション 3．テストは何ですか？

1件 ∙ (3分)

6. テストの目的と種類
03:53

セクション 4．Test Framework

3件 ∙ (10分)

セクション 5．ユニットテストの概念をキャッチ

4件 ∙ (21分)

セクション 6．Query 関数で作成する Unit Test

5件 ∙ (32分)

セクション 7．Test Double を活用した Unit Test

11件 ∙ (1時間 9分)

セクション 8．知っていると役に立つテスト知識

6件 ∙ (46分)

講座掲載日:

最終更新日:

受講レビュー

全体

4件

5.0

4件の受講レビュー

byeong
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
단순 jest 활용법이 아니라 유닛테스트란 무엇인지 배울 수 있었습니다.
이진규
受講レビュー 3
∙
平均評価 5.0
5
100% 受講後に作成
길지 않은 강의지만 요점만 정확하게 콕콕 찝어주는 좋은 강의였습니다!! 아는 동생에게도 이 과정을 추천하니, 강사님이 N 사 개발자분이라고 아는 분이라고 하던데요 ㅎㅎㅎ 흔히 들 어디 소속인지, 어디 출신인지 하면서 , 홍보하는 사람들 많은데, 오히려 그런것들 밝히지 않고, 순수 콘텐츠로만 승부하는게 더 신뢰감이 듭니다!
illy
受講レビュー 1
∙
平均評価 5.0
5
14% 受講後に作成
현재 IT에서 근무하고 있는 직장입니다! 갑자기 프론트엔드 쪽 업무를 해야하고, 유닛테스트를 잘 짜고 싶어서 해당 강의 찾아서 들었는데, 너무 도움 되고 좋았어요! 강의 시간도 길지도 않고, 들으면서 잘 따라할 수 있었습니다~! 다른분들도 도움 많이 받으시길 바라요!!
Seunghyeon Lee
受講レビュー 21
∙
平均評価 4.7
5
31% 受講後に作成
강의시작하자마자 코드구현과정없이 만들어진 코드로 바로 테스트코드설명을 해서 수강자입장에서는 친절하지 않은 강의를 돈주고 구매하는 이유가 없을것같아요~~ 10월12일 기준입니다~ --- 강의가 불친절하다고 생각했던 이유는 강의를 따라하기위한 샘플코드제공이 없다고 생각했고 그래서 강의를 보며 동일한 테스트코드를 작성하는데 불편함을느껴서 였습니다. 그런데 이후에 알게된것이 Gitgub repo링크로 샘플코드를 제공하고 있더라구요 제가 오해하고 잘못된 수강평을 남겼습니다 죄송합니다ㅠ 강의자체는 이해하는데 설명이 충분한편입니다. 오히려 간결해서 좋구요 기분상해서 달은 댓글이었데 친절하게답주셔서 감사합니다. 앞에 설명하셨는지는 모르겠지만 저처럼 놓친사람들을 위해서 수업자료란에 샘플코드 제공 -> [깃허브링크] 이런식으로 첨부해놓으면 좀 도움이 되지않을까 싶은데 고려해주심 감사할것같습니다!
- 어쩔코딩
  知識共有者
  안녕하세요! 강의 구매해주셨는데 시작부터 다소 막막한 느낌을 드린것같아서 먼저 사과 말씀 드립니다 불친절하다고 코멘트 드린 이유를 제 나름대로 생각해 봤는데요 아마 초반에 테스트코드가 필요한 이유(섹션2) 부분에서 테스트 코드의 장점을 말씀드리기 위해 예시로 전달드렸던 코드에 대한 설명이 불충분해서 그렇게 느끼시지 않았을까 생각됩니다. 말씀주신 내용 참고해서 더 고민해보고 예시와 장단점 두가지가 잘 이해되실수 있도록 강의 내용 수정을 고민해보도록 하겠습니다. 참고로 섹션2에서 전달드린 예제는 장단점에 대한 개념적 이해를 돕기 위한 코드이고 (그래서 '테스트가 있으면 이런게 좋구나~' 하고 개념만 이해하고 넘어가셔도 괜찮습니다!) 실제로 강의에서 본격적으로 다룰 테스트 코드에 대한 설명은 섹션4 Test Framework 부터 진행되니 섹션4 부터 한번 수강해주시고, 혹시 그래도 설명이 부족하거나 이해가 잘 안되는 부분이 있으시다면 '커뮤니티 > 질문' 에 글 남겨주시면 정성껏 답변드리도록 하겠습니다! 마지막으로 정말 리뷰가 하나하나 귀한데.. 시간내서 피드백 주셔서 감사하고 끝까지 강의 들어주시면 분명히!! 도움이 되실거라 감히 자부합니다 강의 들으시다가 궁금한 점은 언제든지 말씀주세요! 감사합니다

￥5,169

sowhatcodingの他の講座

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

클린코드 찍먹

어쩔코딩

쉬운 예시 코드를 통해 클린코드 핵심원리를 알려줍니다

입문

TypeScript, JavaScript, ES6

클린코드 찍먹

어쩔코딩

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

似ている講座

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

실전 프론트엔드 테스트 시작하기

장기효(캡틴판교)

능력 있는 프론트엔드 개발 실무자가 되고 싶다면 꼭 들어야 할 테스트 강의. 테스팅 입문부터 실전까지 한방에 끝낸다 👊

초급

소프트웨어 테스트, Cypress, e2e

실전 프론트엔드 테스트 시작하기

장기효(캡틴판교)

2시간으로 끝내는 프론트엔드 테스트 기본기

강병진

테스트코드! 어디서부터 시작해야할지 막막한 분들을 위해 준비했어요. 테스트 작성부터, 자동화를 통한 배포까지 한번에!

초급

React, Cypress, Jest

2시간으로 끝내는 프론트엔드 테스트 기본기

강병진

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

초급

소프트웨어 테스트, Jest, react-testing-library

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

이 강의에서는 Javascript 언어로 백엔드 개발을 할 수 있는 NodeJS를 학습하고, 테스트 주도 개발(TDD) 방법으로 NodeJS를 이용해 API 서버 개발을 할 수 있습니다. 또한 NodeJS의 대표적인 웹 프레임워크 ExpressJS의 기초 원리를 이해하고, 모바일과 웹 서비스에서 사용하는 REST API 개발 방법을 학습할 수 있습니다.

초급

TDD, Node.js, Express

테스트주도개발(TDD)로 만드는 NodeJS API 서버

김정환

Spring Boot TDD - 입문부터 실전까지 정확하게

이규원

더 빠르고 더 견고하게 Spring Boot 응용프로그램을 개발하세요. 정확한 이론 설명과 실무 수준의 연결된 실습을 통해 HTTP API 응용프로그램 개발에 TDD를 사용하는 효과적인 방법을 자연스럽게 익히게 됩니다.

초급

TDD, Spring Boot, JUnit

Spring Boot TDD - 입문부터 실전까지 정확하게

이규원

Flutter 테스트 기초

오준석

플러터에서의 유닛 테스트, UI 테스트, 통합 테스트 방법에 대해 공식 문서 내용에 기반하여 설명하는 강의입니다.

초급

Flutter, 소프트웨어 테스트, integration-tests

Flutter 테스트 기초

오준석

ISTQB AI Testing - 베스트 프랙티스를 배우고 시험에 대비

edu

AI 기술의 현재와 미래를 이해하고, 머신러닝 등 AI 모델의 테스트 과정을 체험하며 테스터의 역할을 배우게 됩니다. AI 기반 시스템 테스트 전략 수립부터 테스트 케이스 설계 · 실행, 또 테스트 지원을 위한 AI 활용 방법까지 폭넓게 익힙니다. 본 과정을 ISTQB의 AI Testing 실러버스를 기반으로 진행되며, ISTQB AI Testing 자격시험을 완벽하게 준비할 수 있는 기회를 제공합니다.

입문

ISTQB, 소프트웨어 테스트, 인공지능(AI)

ISTQB AI Testing - 베스트 프랙티스를 배우고 시험에 대비

edu

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

초급

JavaScript, HTML/CSS, 객체지향

제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

nhcodingstudio

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

초급

JavaScript

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)

피로물든딸기

코드트리 기출문제와 기출문제를 풀기 위한 알고리즘과 팁을 알려드립니다. C++을 사용하지만 라이브러리를 사용하지 않기 때문에 다른 언어를 사용하는 분도 수강이 가능합니다. (Python 코드 제공)

입문

C++, 코딩 테스트, 알고리즘

SW 역량테스트 합격하기 A형 with C++ (Advanced Algorithm)

피로물든딸기

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

인프런

처음으로 프로그래밍을 시작하는 분들을 위한 웹 개발 입문 강의입니다. HTML, CSS, Javascript를 배우고 인스타그램 포스팅 카드를 만들어봄으로써 웹페이지 제작에 꼭 필요한 기본적인 내용들을 학습합니다.

입문

HTML/CSS, JavaScript

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

인프런

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보