BEST
개발 · 프로그래밍

/

프론트엔드

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

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

(5.0) 수강평 28개

수강생 459명

Thumbnail

이런 걸
배워요!

  • 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

커리큘럼

전체

37개 ∙ (1시간 48분)

수업 자료

가 제공되는 강의입니다.

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!