강의

멘토링

로드맵

개발 · 프로그래밍

/

프론트엔드

근본있는 프론트엔드 유닛테스트

프론트앤드 유닛테스트의 모든것을 마스터하실수 있도록, 기본 개념부터 상황별 테스트 작성법 그리고 고급 테스트 지식까지 모두 모아 전달드립니다

(5.0) 수강평 4개

수강생 58명

  • 어쩔코딩

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Unit Test 개념과 고급 테스트 지식

  • Jest 를 사용한 테스트코드 작성법

  • In-Memory DB 를 사용한 Query 함수 테스트

  • Test Double 을 사용한 테스트 의존성 분리

테스트 코드제대로 작성하고 싶은 개발자를 위한 강의

코드 예제를 통해 쉽게 테스트 작성법을 마스터하실수 있습니다

테스트, 정말 잘 작성하고 계신가요?

테스트 문법만 알면 테스트를 쉽게 만들 수 있을것같지만
실무에 맞게 테스트를 ‘잘’ 만드는건 문법만 알아서는 할 수 없습니다
예를들어서 Mock 이라는 테스트 기법에 대해 알아도
어떤 상황에서, 어디에 써야 하는지, 또 왜 써야 하는지를 모르면 테스트를 제대로 만들기 어렵습니다


그래서 테스트에 대한 개념을 정확히 이해하고, 어떤 곳에 어떤 테스트 기법을 써야되는지 알아야
소프트웨어를 안정성을 높여주는 제대로 된 테스트 코드를 작성할 수 있죠
하지만 그러려면 알아야할것도 많고 추상적인 테스트 철학도 이해하고 있어야 합니다.
한마디로 배우기가 좀 어렵죠 (알려드리기도 어렵습니다ㅎㅎ)


그래서 강의는 어렵지 않게 구체적인 예시를 사용해 테스트 작성법을 쉽게 이해하실수 있도록 만들었고
테스트에 필요한 지식은 전부 빠짐없이 넣어 내용에 부족함이 없도록 강의를 만들었습니다

테스트를 '잘' 작성하는 개발자로 성장하시는데 제 강의가 도움이 되길 바랍니다!

이런 분들께 추천해요

테스트를 처음 배우시는 분

테스트 코드 기본기와 개념까지
한번에 제대로 배우고 싶으신 분

실무에서 테스트를 작성하시는 분

테스트 코드를 잘 작성하고 싶은데
어떻게 해야할지 몰라서 막막한 분

개발실력을 레벨업하고 싶으신 분

테스트 코드 작성법을 마스터해서중급 개발자로 성장하고 싶으신분

이 강의의 특징

풍부한 테스트 샘플 예제코드

풍부한 테스트 샘플 예제코드

풍부한 코드작성 예제로 실전 테스트 코드 작성법과
노하우를 몸에 체득될수 있게 쉽게 전달해 드립니다

도표와 시각자료를 활용한 개념정리

글로 이해하기 어려운 개념은 시각자료와 표를
적극적으로 활용해 개념 이해도를 높였습니다

필요할때 언제나 볼 수 있는 핵심 요약 강의자료 제공

필기 NO! , 강의자료만 보셔도 충분히 내용을 이해하시고 복습하실수 있도록
챕터마다 강의 핵심 내용을 자료로 깔끔하게 정리해놨습니다

이런 내용을 배워요

실전 테스트 지식

  • Jest 를 사용하여 Unit Test 를 작성하는 방법

  • Fake DB 를 사용해 Repository 함수 Unit Test 를 하는 방법

  • Test Double 을 사용해 테스트 대상 함수의 기능에만 집중하는
    진짜 Unit Test 작성법

테스트 작성 철학과 노하우

  • Unit Test 의 목표는 무엇인지, 의존성은 왜 분리해야 하는지

  • 테스트 기법을 상황별로 어떻게 적용하면 좋을지

  • Unit Test, Integration Test 는 각각 어떤 장단점이 있는지

  • 테스트는 무엇을, 얼만큼 만들어야 되는지 등

이런 고민이 있으셨다면 꼭 들어보세요

Q. 테스트 코드를 작성하려고 하는데 어디서부터 배워야할지 모르겠어요

걱정마세요, 기초부터 차근차근 어렵지 않게 예시를 통해서 알려드립니다.
강의를 다 듣고 나면 유닛 테스트에 대해 마스터하실수 있습니다

Q. 어떻게 해야 테스트를 잘 만들수 있을지 알고싶어요

테스트를 잘 만들기 위해서는 이론을 배우는데만 머무르지 않고
필요한 곳에 필요한 테스트 기법들을 알맞게 사용할 줄 알아야 합니다.
개념과 사용법만 알아서는 반쪽자리 지식이 될 수 있죠.
그래서 실제 테스트 코드를 작성하다가 마주치실 수 있는 상황과 유사하게 강의 예시들을 작성했어요.
강의를 잘 따라 오시기만 하면 실무에서 필요한 상황에 맞게 테스트 코드를 작성하실 수 있으실 겁니다

Q. 테스트 코드를 만들때 막히는 부분이 있는데 어떻게 해결 해야할지 모르겠어요

평소 테스트 코드를 만들면서 고민하시거나 답답하셨던 부분을
정확한 개념 설명과 고급 테스트 지식으로 채워드립니다.
강의를 다 듣고 나시면 어느새 테스트 전문가가 되어있는 자신을 발견하게 되실겁니다

수강 전 참고 사항

학습 자료

  • 예제코드 : https://github.com/sowhatcoding/how-to-test

  • 문서자료 : 강의 각 챕터에 PDF 첨부파일로 업로드되어 있습니다

    (예제코드만으로 설명이 가능한 챕터는 별도의 문서자료가 없습니다. 예제코드만 보셔도 됩니다!)

선수 지식 및 유의사항

  • 예제 코드에 매우 기초적인 Typescript, MongoDB 코드가 있습니다

  • 만약 타입스크립트나 MongoDB 에 대해 사전지식이 없으시더라도
    자바스크립트나 DB 에 대한 일반적인 지식만 있으시면 강의내용을 이해하실 수 있습니다

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 탄탄한 기본기를 다지며 테스트를 배우고 싶은 개발자

  • 테스트 코드를 '잘' 만들고 싶은 개발자

선수 지식,
필요할까요?

  • Typescript (기초지식)

  • MongoDB (기초지식)

안녕하세요
입니다.

1,625

수강생

73

수강평

5.0

강의 평점

3

강의

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

커리큘럼

전체

35개 ∙ (3시간 14분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

4개

5.0

4개의 수강평

  • byeong님의 프로필 이미지
    byeong

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    단순 jest 활용법이 아니라 유닛테스트란 무엇인지 배울 수 있었습니다.

    • 이진규님의 프로필 이미지
      이진규

      수강평 3

      평균 평점 5.0

      5

      100% 수강 후 작성

      길지 않은 강의지만 요점만 정확하게 콕콕 찝어주는 좋은 강의였습니다!! 아는 동생에게도 이 과정을 추천하니, 강사님이 N 사 개발자분이라고 아는 분이라고 하던데요 ㅎㅎㅎ 흔히 들 어디 소속인지, 어디 출신인지 하면서 , 홍보하는 사람들 많은데, 오히려 그런것들 밝히지 않고, 순수 콘텐츠로만 승부하는게 더 신뢰감이 듭니다!

      • illy님의 프로필 이미지
        illy

        수강평 1

        평균 평점 5.0

        5

        14% 수강 후 작성

        현재 IT에서 근무하고 있는 직장입니다! 갑자기 프론트엔드 쪽 업무를 해야하고, 유닛테스트를 잘 짜고 싶어서 해당 강의 찾아서 들었는데, 너무 도움 되고 좋았어요! 강의 시간도 길지도 않고, 들으면서 잘 따라할 수 있었습니다~! 다른분들도 도움 많이 받으시길 바라요!!

        • Seunghyeon Lee님의 프로필 이미지
          Seunghyeon Lee

          수강평 22

          평균 평점 4.7

          5

          31% 수강 후 작성

          강의시작하자마자 코드구현과정없이 만들어진 코드로 바로 테스트코드설명을 해서 수강자입장에서는 친절하지 않은 강의를 돈주고 구매하는 이유가 없을것같아요~~ 10월12일 기준입니다~ --- 강의가 불친절하다고 생각했던 이유는 강의를 따라하기위한 샘플코드제공이 없다고 생각했고 그래서 강의를 보며 동일한 테스트코드를 작성하는데 불편함을느껴서 였습니다. 그런데 이후에 알게된것이 Gitgub repo링크로 샘플코드를 제공하고 있더라구요 제가 오해하고 잘못된 수강평을 남겼습니다 죄송합니다ㅠ 강의자체는 이해하는데 설명이 충분한편입니다. 오히려 간결해서 좋구요 기분상해서 달은 댓글이었데 친절하게답주셔서 감사합니다. 앞에 설명하셨는지는 모르겠지만 저처럼 놓친사람들을 위해서 수업자료란에 샘플코드 제공 -> [깃허브링크] 이런식으로 첨부해놓으면 좀 도움이 되지않을까 싶은데 고려해주심 감사할것같습니다!

          • 어쩔코딩
            지식공유자

            안녕하세요! 강의 구매해주셨는데 시작부터 다소 막막한 느낌을 드린것같아서 먼저 사과 말씀 드립니다 불친절하다고 코멘트 드린 이유를 제 나름대로 생각해 봤는데요 아마 초반에 테스트코드가 필요한 이유(섹션2) 부분에서 테스트 코드의 장점을 말씀드리기 위해 예시로 전달드렸던 코드에 대한 설명이 불충분해서 그렇게 느끼시지 않았을까 생각됩니다. 말씀주신 내용 참고해서 더 고민해보고 예시와 장단점 두가지가 잘 이해되실수 있도록 강의 내용 수정을 고민해보도록 하겠습니다. 참고로 섹션2에서 전달드린 예제는 장단점에 대한 개념적 이해를 돕기 위한 코드이고 (그래서 '테스트가 있으면 이런게 좋구나~' 하고 개념만 이해하고 넘어가셔도 괜찮습니다!) 실제로 강의에서 본격적으로 다룰 테스트 코드에 대한 설명은 섹션4 Test Framework 부터 진행되니 섹션4 부터 한번 수강해주시고, 혹시 그래도 설명이 부족하거나 이해가 잘 안되는 부분이 있으시다면 '커뮤니티 > 질문' 에 글 남겨주시면 정성껏 답변드리도록 하겠습니다! 마지막으로 정말 리뷰가 하나하나 귀한데.. 시간내서 피드백 주셔서 감사하고 끝까지 강의 들어주시면 분명히!! 도움이 되실거라 감히 자부합니다 강의 들으시다가 궁금한 점은 언제든지 말씀주세요! 감사합니다

        ₩44,000

        어쩔코딩님의 다른 강의

        지식공유자님의 다른 강의를 만나보세요!

        비슷한 강의

        같은 분야의 다른 강의를 만나보세요!