강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Front-end testing basics in 2 hours

Test code! For those who are at a loss as to where to start, here it is. From writing tests to deploying through automation, all in one place!

(4.9) 42 reviews

548 learners

  • jasonkang
실습 중심
jest
테스트코드
React
Cypress
Jest
ChatGPT
storybook

Reviews from Early Learners

What you will learn!

  • How to write test code using jest and cypress

  • How to use storybook in component development

  • Deployment through test automation

  • How to write test code using ChatGPT

A course for front-end developers who want to write test code !

"Write test code" as seen in job postings. Now you can do it too!

I recommend this to these people 👍

Developers without testing experience

This is for developers who want to write tests but are curious about what, how, and why to test.

Developers who are curious about whether they are testing well

This is for developers who are writing tests and operating a service, but are unsure whether the tests they wrote are effective enough because there is no senior person to review them.

Stories from those who took the class first 📝

What will you do after taking the class? 😎

  • You can understand what to focus on testing on the frontend.

  • You can write test code using jest and cypress.

  • Learn how to use Storybook in front-end development.

  • You can build a test automation pipeline.

Learn this 🏫

How to use testing tools such as Jest and Cypress

Learn how to write test code using testing tools suitable for unit testing, integration testing, and end-to-end testing. You can follow along with the lectures and write test code using the source code provided in the GitHub repo .

Cypress code writing

Front-end development using ChatGPT

ChatGPT is all the rage these days! How can we leverage AI to streamline front-end development? Learn how to create prompts that leverage ChatGPT.

ChatGPT

CI/CD through test automation

Learn how to operate services reliably through a deployment pipeline that leverages CI/CD and test automation.

CI/CD

Who created this course 👨‍🦱

Do you have any questions?

Q. I have no experience writing test code. Can I still take this course?

  • It is designed so that even those without a basic understanding of test code can follow along.

  • The course begins with a detailed explanation of the basic concepts and writing methods of test code, gradually moving on to React-specific testing methodologies.

  • So, even if you have no experience writing test code, you can get started without any problems.

Q. What testing tools or libraries are used in this course?

  • I use Jest and Cypress.

  • Jest is one of the most popular testing frameworks in the JavaScript environment, used for unit and integration testing.

  • Cypress, on the other hand, is a tool specialized in e2e testing, which is very useful for testing the entire flow of a web application from the user's perspective.

  • By leveraging these two tools, you can gain experience with various types of testing and acquire the practical knowledge and skills needed to develop a test strategy for real-world projects.

Q. What format are the lectures taught in? Are they hands-on, or do they include a lot of theoretical explanations?

  • It is mainly conducted with a focus on practical training .

  • The overall theory of test code is briefly explained at the beginning of the lecture, and afterwards, you will learn by writing test code yourself through various practical exercises.

  • If you need additional explanation during the practical course, we will cover the theory in more detail while writing actual code.

Things to note before taking the course 📢

Learning Materials

  • Notion page containing theoretical explanations

  • Source code GitHub repo

Player Knowledge and Precautions

  • Development experience using React

Recommended for
these people

Who is this course right for?

  • New/junior developers with no experience writing tests

  • Junior developer who wants to make sure that the tests are written properly.

Need to know before starting?

  • React

Hello
This is

12,083

Learners

634

Reviews

349

Answers

4.9

Rating

9

Courses

Curriculum

All

36 lectures ∙ (1hr 48min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

42 reviews

4.9

42 reviews

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

    Reviews 6

    Average Rating 5.0

    5

    62% enrolled

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

      Reviews 2

      Average Rating 5.0

      5

      24% enrolled

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

      • 강병진
        Instructor

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

    • 이용혁님의 프로필 이미지
      이용혁

      Reviews 11

      Average Rating 5.0

      5

      8% enrolled

      • 정유열님의 프로필 이미지
        정유열

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        실무에 테스트 코드를 도입해보기 전에 가볍게 개념을 훑어보고싶어서 수강했습니다. 강의가 짧게 쪼개져있고 무겁지 않게 구성되어있으면서도 포인트는 잘 짚어주셔서 좋았습니다.

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

          Reviews 1

          Average Rating 5.0

          Edited

          5

          100% enrolled

          jest, cypress, storybook을 짧은 시간 안에 이해할 수 있고, 비교와 현업 사용까지 알 수 있다는 것이 매우 큰 장점입니다. 어느정도 할 수 있는 개발자보다는 테스트를 완전히 처음 시작하는 사람이 보고 가면 좋을 것 같습니다.

          • 강병진
            Instructor

            찍먹 느낌으로 “이런 것들이 있어요~“를 준비해봤습니다. 감사합니다 😊

        $26.40

        jasonkang's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!