채널톡 아이콘

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

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

(4.9) 수강평 49개

수강생 571명

난이도 초급

수강기한 무제한

실습 중심
실습 중심
jest
jest
테스트코드
테스트코드
실습 중심
실습 중심
jest
jest
테스트코드
테스트코드

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

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

4.9

5.0

메가

100% 수강 후 작성

깔끔하고 핵심만 콕콕 집어 설명해주십니다. 프론트엔드 코드를 어떻게 테스트 해야하나 막막한 마음이 있었는데 무엇을 중점으로 테스트 해야하는지부터 짚고 넘어가주셔서 좋았습니다. 테스트 코드 작성 방법 뿐만 아니라 테스트 자동화도 다뤄볼 수 있어서 재미있었습니다. 강의를 들을 땐 오오 싶다가도 직접 작성해보려니 여전히 쉽지 않긴 하지만 열심히 복습하면서 테스트코드의 기본기를 닦아보려고 합니다. 좋은 강의 감사합니다. (스토리북 강의도 눈여겨 보고 있는 중입니다.ㅎㅎ)

5.0

0동

100% 수강 후 작성

프론트엔드 테스트코드 뿐만 아니라 TDD, storybook 활용법 까지 가볍게 훑을 수 있어서 유익했습니다. 감사합니다

5.0

yeeun lee

100% 수강 후 작성

프론트엔드 주니어 개발자분들이 이 강의를 통해서 TDD에 대한 확실한 개념과 방법을 잡기 좋은 것 같습니다! 좋은 강의 감사합니다!

수강 후 이런걸 얻을 수 있어요

  • jest, cypress를 활용한 테스트코드 작성법

  • 컴포넌트 개발에서 storybook 활용법

  • 테스트 자동화를 통한 배포

  • ChatGPT를 활용한 테스트코드 작성방법

테스트 코드를 작성하고 싶은 프론트엔드 개발자를 위한 강의!

채용공고에서 봤던 "테스트 코드 작성" 이제 여러분도 할 수 있습니다!

이런 분들께 추천해요 👍

테스트 경험이 없는 개발자

테스트를 작성하고 싶은데, 무엇을, 어떻게, 왜 테스트할지 궁금한 개발자들을 위해 준비했습니다

테스트를 잘 하고 있는지 궁금한 개발자

테스트를 작성하고 서비스를 운영 중인데, 시니어가 없어서 작성한 테스트가 충분히 효과적인지 불확실한 개발자들을 위해 준비했습니다

먼저 수강하신 분들의 이야기 📝

수강 후 여러분은? 😎

  • 프론트엔드에서 어떤 점을 중점적으로 테스트하는지 이해할 수 있습니다.

  • jest, cypress를 사용해서 테스트 코드를 작성할 수 있습니다.

  • 프론트엔드 개발에서 storybook을 활용하는 방법을 알 수 있습니다

  • 테스트 자동화 파이프라인을 구축할 수 있습니다

이런 내용을 배워요 🏫

jest, cypress 등 테스트 도구 활용방법

유닛테스트, 통합테스트, e2e테스트에 맞는 테스트 도구를 활용해서 테스트코드를 작성하는 방법을 배웁니다. GitHub repo로 제공하는 소스코드를 활용해서 강의를 따라하며 테스트코드를 작성할 수 있습니다

cypress 코드작성

ChatGPT를 활용한 프론트엔드 개발

요즘 힙한 ChatGPT! 어떻게하면 인공지능을 활용해서 수월하게 프론트엔드 개발을 할 수 있을까요? ChatGPT를 활용할 수 있는 prompt를 작성하는 방법을 배웁니다

ChatGPT

테스트 자동화를 통한 CI/CD

테스트 자동화를 접목한 CI/CD를 활용한 배포 파이프라인을 통해 안정적으로 서비스를 운영할 수 있는 방법을 배웁니다

CI/CD

이 강의를 만든 사람 👨‍🦱

궁금한 점이 있나요?

Q. 테스트코드 작성 경험이 없는데 이 강의를 들어도 될까요?

  • 테스트 코드에 대한 기본적인 이해가 없는 분들도 충분히 따라올 수 있도록 설계되었습니다.

  • 강의 초반에는 테스트 코드의 기본 개념과 작성 방법에 대해 자세히 설명하며, 점차적으로 리액트에 특화된 테스트 방법론으로 나아갑니다.

  • 따라서 테스트 코드 작성 경험이 없더라도 문제없이 시작할 수 있습니다.

Q. 이 강의에서는 어떤 테스트 도구나 라이브러리를 사용하나요?

  • Jest와 Cypress를 사용합니다.

  • Jest는 자바스크립트 환경에서 가장 인기 있는 테스트 프레임워크 중 하나로, 유닛 테스트와 통합 테스트를 위해 사용됩니다.

  • 반면, Cypress는 e2e 테스트에 특화된 도구로, 사용자의 관점에서 웹 애플리케이션의 전체 흐름을 테스트하는 데 매우 유용합니다.

  • 이 두 도구를 활용함으로써, 다양한 유형의 테스트를 경험하고, 실제 프로젝트에서 테스트 전략을 구축하는 데 필요한 실질적인 지식과 기술을 습득할 수 있습니다.

Q. 강의는 어떤 형식으로 진행되나요? 실습 위주인가요, 아니면 이론 설명이 많나요?

  • 주로 실습 위주로 진행됩니다.

  • 테스트 코드에 관한 전반적인 이론은 강의 초반에 간략하게 설명하고, 이후에는 다양한 실습을 통해 직접 테스트 코드를 작성해보면서 학습합니다.

  • 실습 과정에서 필요한 보충 설명이 필요한 경우, 실제 코드를 작성하면서 이론을 더 상세하게 다룹니다.

수강 전 참고 사항 📢

학습 자료

  • 이론 설명을 담은 Notion 페이지

  • 소스코드 GitHub 레포

선수 지식 및 유의사항

  • React를 사용한 개발경험

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 테스트 작성 경험이 없는 신입/주니어 개발자

  • 테스트를 제대로 작성했는지 확인하고 싶은 주니어 개발자

선수 지식,
필요할까요?

  • React

안녕하세요
제이쓴입니다.

16,685

수강생

1,232

수강평

491

답변

4.9

강의 평점

9

강의

더보기

커리큘럼

전체

36개 ∙ (1시간 48분)

해당 강의에서 제공:

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

수강평

전체

49개

4.9

49개의 수강평

  • 박진호님의 프로필 이미지
    박진호

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    • cccc1647님의 프로필 이미지
      cccc1647

      수강평 1

      평균 평점 5.0

      5

      61% 수강 후 작성

      • 채채님의 프로필 이미지
        채채

        수강평 6

        평균 평점 5.0

        5

        62% 수강 후 작성

        • JW Yang님의 프로필 이미지
          JW Yang

          수강평 3

          평균 평점 5.0

          5

          100% 수강 후 작성

          강사님이 잘 설명해주셔서 테스트 코드 작성 방법에 대해 좀 더 알 수 있었던 것 같습니다.

          • 노종열님의 프로필 이미지
            노종열

            수강평 2

            평균 평점 5.0

            5

            24% 수강 후 작성

            1년차 프론트엔드 웹 개발자입니다. 사내 프로젝트 리뉴얼로 Testing Library에 신경 쓸 시간이 없어 따로 공부하지 못했는데, 마침 좋은 강의를 발견했습니다. 사전 지식이 없이도 알아 듣기 쉽게 설명해주시고 잘 정리된 문서까지 제공해주시는 점에서 해당 강의의 본질인 '테스트 기본기'를 확실히 알려주시는 거 같습니다.

            • 제이쓴
              지식공유자

              노종열님 감사합니다! 시작하시는 분들을 위해 기본적인 내용을 잘 녹여내려고 노력했습니다. 계속 공부하시다가 궁금한 점이 있으시면 질문에 올려주세요~

          제이쓴님의 다른 강의

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

          비슷한 강의

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

          2026 새해 복 마🐴니 할인 중 (5일 남음)

          ₩23,100

          30%

          ₩33,000