무엇을 배우나요?

  • 테스트의 오해와 진실!

    개발자에게 테스트란 무엇인가? 원론적인 질문부터 시작해서 우리가 알아야 하는 테스트에 대한 전반적인 개념 & 원칙들에 대해 알려 드립니다. 테스트의 장점들과 나쁜/좋은 테스트를 결정짓는 요소들에 대해 배우고, 직접 챌린지를 진행하면서 실제로 적용하는 법도 배워봅니다 👍

  • TDD

    TDD 많이 들어보셨죠? TDD란 무엇인지, TDD로 개발해 나가는것은 무엇인지 전반적인 내용들에 대해 이해해 보고, 실제로 챌린지를 통해서 진정한 TDD를 사용해 봅니다 🚀 그리고 이 강의에서는 TDD보다 더 본질적인 중요한 내용들 & 팁에 대해서 얻어가실 수 있어요.

  • 리액트 실전 프로젝트

    리액트 어플리케이션을 발끝부터 머리카락까지 테스트 해보면서 진정한 테스트의 포인트를 잡아갈 수 있습니다 🤓 모바일부터 다양한 분야에서 일했던 엘리의 노하우를 가득담아 진행하는 챌린지를 통해, 리액트 뿐만 아니라 다른 플랫폼에서도 적용할 수 있는 지식들을 배워가세요

Watch Intro Video

강의가 끝나면 여러분들은?

무엇을 재밌게 배우게 되나요? (소개 영상)

강의 리뷰

강의를 완성하신 드림코더님들 수강평 🚀

5 star rating

테스트만 배우는 강의가 아니에요

Wonjun Choi

다른 유닛테스트 강의도 찾아보았고, 리팩토링 책도 보았지만, 여전히 실제 프로젝트에서 테스트코드를 작성하려니 막막했었는데, 문제는 테스트코드가 아니라 제 코드였어요. 테스트 하기 좋은 코드가 좋은 코드라는 말은 들어보았지만 그 말이 이제야 와닿는것 같아요. 아마도 프론트엔드 강의 ...

Read More

다른 유닛테스트 강의도 찾아보았고, 리팩토링 책도 보았지만, 여전히 실제 프로젝트에서 테스트코드를 작성하려니 막막했었는데, 문제는 테스트코드가 아니라 제 코드였어요. 테스트 하기 좋은 코드가 좋은 코드라는 말은 들어보았지만 그 말이 이제야 와닿는것 같아요. 아마도 프론트엔드 강의 중에 테스트에 대해서 제대로 알려주는 강의가 없었던 것 같아요. 이 강의 보고나서 가장 먼저 한 것은 Jest를 설치하는게 아니라, 코드를 뒤엎었는것이였습니다. 메소드들을 관심사별로 정확히 분리하고, 리액트 의존성을 지웠습니다. 그리고 테스트 코드를 작성했어요. 이제 아주 자신감있게 리팩토링을 시작할 수 있을 것 같아요. TDD 뿐만 아니라 프론트에서 객체지향적으로 코드를 짜는 방향을 알려주는 강의라 너무 좋았습니다.

Read Less
5 star rating

테스트 강의 완강

yalpal yappala

진행중인 프로젝트를 TDD로 만든것은 아니지만 리팩토링을 할 때 테스트코드가 있어야겠어서 열심히 테스트코드를 만들어보고있습니다... 모든 유닛테스트를 만드는 것보다 의미있는 테스트코드를 만드는 것이 중요하다고 하셨는데 그건 제가 더 열심히 생각해봐야겠네요...!! 덕분에 테스트코드...

Read More

진행중인 프로젝트를 TDD로 만든것은 아니지만 리팩토링을 할 때 테스트코드가 있어야겠어서 열심히 테스트코드를 만들어보고있습니다... 모든 유닛테스트를 만드는 것보다 의미있는 테스트코드를 만드는 것이 중요하다고 하셨는데 그건 제가 더 열심히 생각해봐야겠네요...!! 덕분에 테스트코드 잘 짜볼 수 있을 것 같습니다 감사합니다!

Read Less
5 star rating

최고의 테스트 강의입니다.

Y C

프론트에서 테스트를 어떻게 하는지에 대해 기초부터 적용까지 모두 배울 수 있습니다. 관련 이론을 배우며 테스트란 무엇이고 어디에, 얼만큼 적용 해야하는지 배웠고, 최종적으로 리액트 프로젝트에 실제로 적용해보면서 앞으로 직접 해 볼 수 있겠다는 자신감이 생겼습니다. 최근 테...

Read More

프론트에서 테스트를 어떻게 하는지에 대해 기초부터 적용까지 모두 배울 수 있습니다. 관련 이론을 배우며 테스트란 무엇이고 어디에, 얼만큼 적용 해야하는지 배웠고, 최종적으로 리액트 프로젝트에 실제로 적용해보면서 앞으로 직접 해 볼 수 있겠다는 자신감이 생겼습니다. 최근 테스트에 대한 중요도가 증가하면서 관련 강의와 책을 찾았지만 매우 적었고, 그마저도 기초적인 이론만 조금 다룰 뿐이었습니다. 그래서 엘리님께서 테스트 강의를 해주시기 만을 바라고 있었는데 역시나 기대 이상입니다. 이정도 수준의 강의를 리액트 강의 수강자들에게 무료로 제공해주셔서 감사합니다.

Read Less
5 star rating

너무 유익한 강의 였습니다.

승재 이

공식문서 읽는 실력이 좀더 향상 된 것 같고 test의 전반적인 지식을 잡아 나아갈 수 있었던 것 같습니다. 내용도 너무 알차고, 내가 스스로 해보고 솔루션을 보며 어느 부분이 조금 부족한지 어느 부분을 놓쳤는지 확인해 가며 강의를 들으니 실력도 많이 향상 되었습니다.

공식문서 읽는 실력이 좀더 향상 된 것 같고 test의 전반적인 지식을 잡아 나아갈 수 있었던 것 같습니다. 내용도 너무 알차고, 내가 스스로 해보고 솔루션을 보며 어느 부분이 조금 부족한지 어느 부분을 놓쳤는지 확인해 가며 강의를 들으니 실력도 많이 향상 되었습니다.

Read Less
5 star rating

기초부터 응용까지 체계적인 강의

SangHyuk Kim

Front-End testing은 Back-End와 크게 다르지 않다고 생각했었습니다. 이번 강의에서 제가 인지 하지 못하고 있는 중요한 포인트와 테크닉을 배웠습니다. 그리고 기술 문서로 직면한 문제를 풀 수 있는 능력이 중요하다고 생각합니다. 이 부분을 강의에서 ...

Read More

Front-End testing은 Back-End와 크게 다르지 않다고 생각했었습니다. 이번 강의에서 제가 인지 하지 못하고 있는 중요한 포인트와 테크닉을 배웠습니다. 그리고 기술 문서로 직면한 문제를 풀 수 있는 능력이 중요하다고 생각합니다. 이 부분을 강의에서 언급해서 수강생에게 도움이 될 듯 합니다.

Read Less
5 star rating

최고의 테스팅 강의 👍🏼

Ava Kim

독학하면서 괜찮은 테스팅 강의 찾기도 너무 어렵고 혼자 문서 보고 공부하는 게 막막했는데 엘리님 강의를 듣고 테스팅 코드가 이렇게 매력적인 거라니! 하고 감탄했습니다. 엘리님 강의는 늘 최고예요!!

독학하면서 괜찮은 테스팅 강의 찾기도 너무 어렵고 혼자 문서 보고 공부하는 게 막막했는데 엘리님 강의를 듣고 테스팅 코드가 이렇게 매력적인 거라니! 하고 감탄했습니다. 엘리님 강의는 늘 최고예요!!

Read Less
5 star rating

정말 테스트를 위한 좋은 강의입니다.

철진 주

정말 저번 테스트 강의에 이어서 리액트 테스트 강의도 큰 도움이 된 것 같습니다. 특히 E2E 테스트 같은 경우에는 테스트를 하나씩 작성해 갈 수록 자신감이 늘어나더라구요. 현업에서 일을 진행하면서 QA를 거치면서 이슈들도 다시 해결해야하는 상황들이 많은데 점진적으로 테스트를 적용...

Read More

정말 저번 테스트 강의에 이어서 리액트 테스트 강의도 큰 도움이 된 것 같습니다. 특히 E2E 테스트 같은 경우에는 테스트를 하나씩 작성해 갈 수록 자신감이 늘어나더라구요. 현업에서 일을 진행하면서 QA를 거치면서 이슈들도 다시 해결해야하는 상황들이 많은데 점진적으로 테스트를 적용하다보면 핫픽스도 많이 줄지 않을까 기대감이 듭니다. 좋은 강의 항상 감사합니다! 그럼, 타입스크립트 강의도 들으러 가보겠습니다!

Read Less
5 star rating

많은 걸 배울 수 있는 테스트 강의

읏차랏 차차

테스트를 쉽게 작성하기 위해서 의존성을 최대한 줄이게 되면서 구현부 코드도 깔끔해지는 것 같습니다. 그리고 안전하게 리팩토링을 하기 위해서는 테스트 코드는 필수적인 것 같네요. 실무적으로 접근했을 때도 어떤 테스트부터 작성을 하는게 좋을지도 알려주셔서 많은걸 배울 수 있었던 시간이...

Read More

테스트를 쉽게 작성하기 위해서 의존성을 최대한 줄이게 되면서 구현부 코드도 깔끔해지는 것 같습니다. 그리고 안전하게 리팩토링을 하기 위해서는 테스트 코드는 필수적인 것 같네요. 실무적으로 접근했을 때도 어떤 테스트부터 작성을 하는게 좋을지도 알려주셔서 많은걸 배울 수 있었던 시간이였습니다. 다만 실무코드에선 redux, mobx, recoil등을 사용해서 전역관리를 하게 되는 경우가 많다고 생각됩니다. 이런 전역관리를 하게 된다면 전역관리에서 비지니스 로직을 클래스로 분리하게 된다면 어떻게 할 수 있을지 알려주시면 좋을 것 같습니다. 또한 스냅샷 테스트를 했을 경우와 일반적인 ui 테스트에 대한 차이점(장,단점)에 대해서도 다루면 좋을 것 같네요. 정말 많이 배우고 가는 것 같습니다. 이런 강의를 무료로 제공한다는게 믿기지 않네요. 항상 선한 영향력을 주시는 것을 본받아야 될 것 같습니다. 감사합니다!

Read Less
5 star rating

정말 테스트 코드에 대해 자세히 알려주시고 유닛테스트부터 E2E테스트까지 친절하게 알려주십니다!

jonghuyk woo

Cypress에 대해 배워보고 싶었는데 유닛 테스트와 단위테스트 Cypress까지 하나부터 열까지 꼼꼼하게 알려주셔서 테스트 코드를 작성하는데 자신감이 붙은 것 같습니다. 정말 좋은 강의를 만들어주셔서 너무 감사합니다!

Cypress에 대해 배워보고 싶었는데 유닛 테스트와 단위테스트 Cypress까지 하나부터 열까지 꼼꼼하게 알려주셔서 테스트 코드를 작성하는데 자신감이 붙은 것 같습니다. 정말 좋은 강의를 만들어주셔서 너무 감사합니다!

Read Less
5 star rating

역시 드림코딩이네요

hwang hyebin

테스트 코드 작성하는 것에 대해서 배우고 싶었으나 어렵게만 느껴져서 고민하고 있었는데 운이 좋게 좋은 퀄리티의 강의를 무료로 들을 수 있게 해주셔서 감사합니다. 테스트 코드에 대한 예제와 프로젝트에 적용하는 것을 보고 테스트코드의 장점에 대해 이해하고 적용할 수 있었습니다. 무료강...

Read More

테스트 코드 작성하는 것에 대해서 배우고 싶었으나 어렵게만 느껴져서 고민하고 있었는데 운이 좋게 좋은 퀄리티의 강의를 무료로 들을 수 있게 해주셔서 감사합니다. 테스트 코드에 대한 예제와 프로젝트에 적용하는 것을 보고 테스트코드의 장점에 대해 이해하고 적용할 수 있었습니다. 무료강의지만 계속해서 더 가르쳐주시려고 하시는 모습을 보고 강의생들에 대한 진심을 느낄 수 있었습니다. 역시 드림코딩!!!

Read Less
5 star rating

TDD 리액트 편!

lili z

리액트 강의 듣고 혼자서 작은 프로젝트를 진행하다 매번 수동적으로 테스트 하는 게 너무 막막했는데 때마침 테스트 강의가 올라와서 JS편부터 들었습니다! 들으면서 깨달은 것 중 하나는 물론 테스트를 함으로써 결과적으로 서비스의 질을 높일 수도 있지만, 테스트 코드를 고려하면서 작성...

Read More

리액트 강의 듣고 혼자서 작은 프로젝트를 진행하다 매번 수동적으로 테스트 하는 게 너무 막막했는데 때마침 테스트 강의가 올라와서 JS편부터 들었습니다! 들으면서 깨달은 것 중 하나는 물론 테스트를 함으로써 결과적으로 서비스의 질을 높일 수도 있지만, 테스트 코드를 고려하면서 작성하게 된다면 개발과정에서 코드의 질 역시 올라간다는 점이었어요. 뿐만 아니라 마음 역시 편하게 해준다는 점.. 😌 이번 강의도 재밌게 들었습니다. 감사합니다 엘리님!

Read Less
5 star rating

기대 대로 입니다.

새벽홍차 남

엘리쌤 강의는 역시 기대를 저버리지 않으십니다. front-end에 test가 가능한가? 오래된 질문에 그동안 게을러서 찾지 않던 답을 친절히 알려주셔서 앞으로 나아갈 수 있을 것 같습니다. 감사합니다.

엘리쌤 강의는 역시 기대를 저버리지 않으십니다. front-end에 test가 가능한가? 오래된 질문에 그동안 게을러서 찾지 않던 답을 친절히 알려주셔서 앞으로 나아갈 수 있을 것 같습니다. 감사합니다.

Read Less
5 star rating

리엑트 테스트를 알고 싶다면

강민 이

리엑트 테스트에 대해 알고 싶다면 이 강의를 추천합니다. jest와 testing library를 활용한 unit test 그리고 cypress를 활용한 E2E테스트까지 전반적인 테스트 진행의 흐름에 대해 이해하고 스스로 학습하는 방법까지 이보다 친절한 강의는 없는 듯합...

Read More

리엑트 테스트에 대해 알고 싶다면 이 강의를 추천합니다. jest와 testing library를 활용한 unit test 그리고 cypress를 활용한 E2E테스트까지 전반적인 테스트 진행의 흐름에 대해 이해하고 스스로 학습하는 방법까지 이보다 친절한 강의는 없는 듯합니다. 자바스크립트를 시작했다면 리엑트를 시작하신 분이라면 이 강의를 통해 자신감을 얻으세요~!

Read Less
5 star rating

최고의 테스팅 강의 👍🏼

Ava Kim

독학하면서 괜찮은 테스팅 강의 찾기도 너무 어렵고 혼자 문서 보고 공부하는 게 막막했는데 엘리님 강의를 듣고 테스팅 코드가 이렇게 매력적인 거라니! 하고 감탄했습니다. 엘리님 강의는 늘 최고예요!!

독학하면서 괜찮은 테스팅 강의 찾기도 너무 어렵고 혼자 문서 보고 공부하는 게 막막했는데 엘리님 강의를 듣고 테스팅 코드가 이렇게 매력적인 거라니! 하고 감탄했습니다. 엘리님 강의는 늘 최고예요!!

Read Less
5 star rating

항상 믿고 듣는 강의!

lee sehoon

기본적인 테스트 방법부터 기존 프로젝트에 적용하는 것까지 말 안 해도 궁금할 것 같은 부분들을 모두 알려주시니 너무 편하고 좋습니다. 이제 복습하고 포트폴리오에 테스트 적용해보러 가야겠습니다. 다음 강의도 기대할게요^^

기본적인 테스트 방법부터 기존 프로젝트에 적용하는 것까지 말 안 해도 궁금할 것 같은 부분들을 모두 알려주시니 너무 편하고 좋습니다. 이제 복습하고 포트폴리오에 테스트 적용해보러 가야겠습니다. 다음 강의도 기대할게요^^

Read Less
5 star rating

테스트 강의 완강

yalpal yappala

진행중인 프로젝트를 TDD로 만든것은 아니지만 리팩토링을 할 때 테스트코드가 있어야겠어서 열심히 테스트코드를 만들어보고있습니다... 모든 유닛테스트를 만드는 것보다 의미있는 테스트코드를 만드는 것이 중요하다고 하셨는데 그건 제가 더 열심히 생각해봐야겠네요...!! 덕분에 테스트코드...

Read More

진행중인 프로젝트를 TDD로 만든것은 아니지만 리팩토링을 할 때 테스트코드가 있어야겠어서 열심히 테스트코드를 만들어보고있습니다... 모든 유닛테스트를 만드는 것보다 의미있는 테스트코드를 만드는 것이 중요하다고 하셨는데 그건 제가 더 열심히 생각해봐야겠네요...!! 덕분에 테스트코드 잘 짜볼 수 있을 것 같습니다 감사합니다!

Read Less
5 star rating

정말 테스트를 위한 좋은 강의입니다.

철진 주

정말 저번 테스트 강의에 이어서 리액트 테스트 강의도 큰 도움이 된 것 같습니다. 특히 E2E 테스트 같은 경우에는 테스트를 하나씩 작성해 갈 수록 자신감이 늘어나더라구요. 현업에서 일을 진행하면서 QA를 거치면서 이슈들도 다시 해결해야하는 상황들이 많은데 점진적으로 테스트를 적용...

Read More

정말 저번 테스트 강의에 이어서 리액트 테스트 강의도 큰 도움이 된 것 같습니다. 특히 E2E 테스트 같은 경우에는 테스트를 하나씩 작성해 갈 수록 자신감이 늘어나더라구요. 현업에서 일을 진행하면서 QA를 거치면서 이슈들도 다시 해결해야하는 상황들이 많은데 점진적으로 테스트를 적용하다보면 핫픽스도 많이 줄지 않을까 기대감이 듭니다. 좋은 강의 항상 감사합니다! 그럼, 타입스크립트 강의도 들으러 가보겠습니다!

Read Less
5 star rating

훌륭한 강의였습니다.

Jun Park

이렇게 중요하고 의미있는 강의를 듣을수 있었다는게 참말로 영광입니다. 수강생들의 실력향상과 현업무에 실지 도움이 되도록 심혈을 기울인다는것이 진정느껴집니다. 정말 감사합니다. 건강하시고 행복하세요.

이렇게 중요하고 의미있는 강의를 듣을수 있었다는게 참말로 영광입니다. 수강생들의 실력향상과 현업무에 실지 도움이 되도록 심혈을 기울인다는것이 진정느껴집니다. 정말 감사합니다. 건강하시고 행복하세요.

Read Less
5 star rating

테스트 코드 작성에 막막함을 느끼고 있던 차에 만난 빛과같은 강의

hajin kim

테스트 기초 개념부터 툴 사용법까지 모두 다루는 엄청난 강의입니다. 실제로 이 강의를 듣고 코드 리팩토링을 많이 했고, 테스트 라이브러리를 적용할 수 있었습니다. 엘리님을 만나게되어서 너무너무 기쁩니다. 한층 더 성장할 수 있었습니다.

테스트 기초 개념부터 툴 사용법까지 모두 다루는 엄청난 강의입니다. 실제로 이 강의를 듣고 코드 리팩토링을 많이 했고, 테스트 라이브러리를 적용할 수 있었습니다. 엘리님을 만나게되어서 너무너무 기쁩니다. 한층 더 성장할 수 있었습니다.

Read Less
5 star rating

기초부터 응용까지 체계적인 강의

SangHyuk Kim

Front-End testing은 Back-End와 크게 다르지 않다고 생각했었습니다. 이번 강의에서 제가 인지 하지 못하고 있는 중요한 포인트와 테크닉을 배웠습니다. 그리고 기술 문서로 직면한 문제를 풀 수 있는 능력이 중요하다고 생각합니다. 이 부분을 강의에서 ...

Read More

Front-End testing은 Back-End와 크게 다르지 않다고 생각했었습니다. 이번 강의에서 제가 인지 하지 못하고 있는 중요한 포인트와 테크닉을 배웠습니다. 그리고 기술 문서로 직면한 문제를 풀 수 있는 능력이 중요하다고 생각합니다. 이 부분을 강의에서 언급해서 수강생에게 도움이 될 듯 합니다.

Read Less
5 star rating

테스트를 잘해서 자신감있는 개발자로 성장하기

younah shin

테스트에 대해 배우고 실무에 적용할 생각에 설레이네요 일을 하면서도 테스트는 개발자에게 귀찮은 단계여서 수정과 테스트의 사이클이 반복되면 될수록 테스트의 질은 떨어졌는데 왜 그랬는지... 사람은 역시 배워야 하나봅니다. 이제 테스트 자동화 부터 문서화까지 한큐에 끝내겠어요

테스트에 대해 배우고 실무에 적용할 생각에 설레이네요 일을 하면서도 테스트는 개발자에게 귀찮은 단계여서 수정과 테스트의 사이클이 반복되면 될수록 테스트의 질은 떨어졌는데 왜 그랬는지... 사람은 역시 배워야 하나봅니다. 이제 테스트 자동화 부터 문서화까지 한큐에 끝내겠어요

Read Less
5 star rating

정말 테스트 코드에 대해 자세히 알려주시고 유닛테스트부터 E2E테스트까지 친절하게 알려주십니다!

jonghuyk woo

Cypress에 대해 배워보고 싶었는데 유닛 테스트와 단위테스트 Cypress까지 하나부터 열까지 꼼꼼하게 알려주셔서 테스트 코드를 작성하는데 자신감이 붙은 것 같습니다. 정말 좋은 강의를 만들어주셔서 너무 감사합니다!

Cypress에 대해 배워보고 싶었는데 유닛 테스트와 단위테스트 Cypress까지 하나부터 열까지 꼼꼼하게 알려주셔서 테스트 코드를 작성하는데 자신감이 붙은 것 같습니다. 정말 좋은 강의를 만들어주셔서 너무 감사합니다!

Read Less
5 star rating

도움 많이 받았습니다~

yk park

테스트 직접 공부 해봤을때는 테스트 범위를 어떤 식으로 잡을지 같은 것들이 정말 막막했는데... 강의 보고 되돌아보니 애초에 기존 코드 자체가 냄새나서 테스팅 하기 힘들게 만들어진게 컸던거 같네요 ㅎㅎ; 요즘 고객 요청이 자주 바뀌면서 수동으로 했던 테스트...

Read More

테스트 직접 공부 해봤을때는 테스트 범위를 어떤 식으로 잡을지 같은 것들이 정말 막막했는데... 강의 보고 되돌아보니 애초에 기존 코드 자체가 냄새나서 테스팅 하기 힘들게 만들어진게 컸던거 같네요 ㅎㅎ; 요즘 고객 요청이 자주 바뀌면서 수동으로 했던 테스트 하고 또 하면서 자동화의 필요성을 뼈저리게 느끼고 있는 와중에 무료로 이런 강의 받아서 참 좋았습니다.

Read Less
5 star rating

TDD 리액트 편!

lili z

리액트 강의 듣고 혼자서 작은 프로젝트를 진행하다 매번 수동적으로 테스트 하는 게 너무 막막했는데 때마침 테스트 강의가 올라와서 JS편부터 들었습니다! 들으면서 깨달은 것 중 하나는 물론 테스트를 함으로써 결과적으로 서비스의 질을 높일 수도 있지만, 테스트 코드를 고려하면서 작성...

Read More

리액트 강의 듣고 혼자서 작은 프로젝트를 진행하다 매번 수동적으로 테스트 하는 게 너무 막막했는데 때마침 테스트 강의가 올라와서 JS편부터 들었습니다! 들으면서 깨달은 것 중 하나는 물론 테스트를 함으로써 결과적으로 서비스의 질을 높일 수도 있지만, 테스트 코드를 고려하면서 작성하게 된다면 개발과정에서 코드의 질 역시 올라간다는 점이었어요. 뿐만 아니라 마음 역시 편하게 해준다는 점.. 😌 이번 강의도 재밌게 들었습니다. 감사합니다 엘리님!

Read Less
5 star rating

역시 드림코딩이네요

hwang hyebin

테스트 코드 작성하는 것에 대해서 배우고 싶었으나 어렵게만 느껴져서 고민하고 있었는데 운이 좋게 좋은 퀄리티의 강의를 무료로 들을 수 있게 해주셔서 감사합니다. 테스트 코드에 대한 예제와 프로젝트에 적용하는 것을 보고 테스트코드의 장점에 대해 이해하고 적용할 수 있었습니다. 무료강...

Read More

테스트 코드 작성하는 것에 대해서 배우고 싶었으나 어렵게만 느껴져서 고민하고 있었는데 운이 좋게 좋은 퀄리티의 강의를 무료로 들을 수 있게 해주셔서 감사합니다. 테스트 코드에 대한 예제와 프로젝트에 적용하는 것을 보고 테스트코드의 장점에 대해 이해하고 적용할 수 있었습니다. 무료강의지만 계속해서 더 가르쳐주시려고 하시는 모습을 보고 강의생들에 대한 진심을 느낄 수 있었습니다. 역시 드림코딩!!!

Read Less
5 star rating

테스트만 배우는 강의가 아니에요

Wonjun Choi

다른 유닛테스트 강의도 찾아보았고, 리팩토링 책도 보았지만, 여전히 실제 프로젝트에서 테스트코드를 작성하려니 막막했었는데, 문제는 테스트코드가 아니라 제 코드였어요. 테스트 하기 좋은 코드가 좋은 코드라는 말은 들어보았지만 그 말이 이제야 와닿는것 같아요. 아마도 프론트엔드 강의 ...

Read More

다른 유닛테스트 강의도 찾아보았고, 리팩토링 책도 보았지만, 여전히 실제 프로젝트에서 테스트코드를 작성하려니 막막했었는데, 문제는 테스트코드가 아니라 제 코드였어요. 테스트 하기 좋은 코드가 좋은 코드라는 말은 들어보았지만 그 말이 이제야 와닿는것 같아요. 아마도 프론트엔드 강의 중에 테스트에 대해서 제대로 알려주는 강의가 없었던 것 같아요. 이 강의 보고나서 가장 먼저 한 것은 Jest를 설치하는게 아니라, 코드를 뒤엎었는것이였습니다. 메소드들을 관심사별로 정확히 분리하고, 리액트 의존성을 지웠습니다. 그리고 테스트 코드를 작성했어요. 이제 아주 자신감있게 리팩토링을 시작할 수 있을 것 같아요. TDD 뿐만 아니라 프론트에서 객체지향적으로 코드를 짜는 방향을 알려주는 강의라 너무 좋았습니다.

Read Less
5 star rating

많은 걸 배울 수 있는 테스트 강의

읏차랏 차차

테스트를 쉽게 작성하기 위해서 의존성을 최대한 줄이게 되면서 구현부 코드도 깔끔해지는 것 같습니다. 그리고 안전하게 리팩토링을 하기 위해서는 테스트 코드는 필수적인 것 같네요. 실무적으로 접근했을 때도 어떤 테스트부터 작성을 하는게 좋을지도 알려주셔서 많은걸 배울 수 있었던 시간이...

Read More

테스트를 쉽게 작성하기 위해서 의존성을 최대한 줄이게 되면서 구현부 코드도 깔끔해지는 것 같습니다. 그리고 안전하게 리팩토링을 하기 위해서는 테스트 코드는 필수적인 것 같네요. 실무적으로 접근했을 때도 어떤 테스트부터 작성을 하는게 좋을지도 알려주셔서 많은걸 배울 수 있었던 시간이였습니다. 다만 실무코드에선 redux, mobx, recoil등을 사용해서 전역관리를 하게 되는 경우가 많다고 생각됩니다. 이런 전역관리를 하게 된다면 전역관리에서 비지니스 로직을 클래스로 분리하게 된다면 어떻게 할 수 있을지 알려주시면 좋을 것 같습니다. 또한 스냅샷 테스트를 했을 경우와 일반적인 ui 테스트에 대한 차이점(장,단점)에 대해서도 다루면 좋을 것 같네요. 정말 많이 배우고 가는 것 같습니다. 이런 강의를 무료로 제공한다는게 믿기지 않네요. 항상 선한 영향력을 주시는 것을 본받아야 될 것 같습니다. 감사합니다!

Read Less
5 star rating

리액트보다 더한 강의!! TDD의 기초를 다지자!

donoknow js

사실 보너스 강의이고 TDD라고해서 별 기대는 안했는데, 오히려 리액트 강의보다 더 좋다고 생각이 들어서 후기를 남기게 되었습니다. 정말 유투브부터 많은 개발자들이 TDD 하는데, 실질적으로 유닛단위부터 시작해서 컴포넌트와 실제 앱 e2테스트까지 보여주며 인지를 시켜주는 건 ...

Read More

사실 보너스 강의이고 TDD라고해서 별 기대는 안했는데, 오히려 리액트 강의보다 더 좋다고 생각이 들어서 후기를 남기게 되었습니다. 정말 유투브부터 많은 개발자들이 TDD 하는데, 실질적으로 유닛단위부터 시작해서 컴포넌트와 실제 앱 e2테스트까지 보여주며 인지를 시켜주는 건 역시 엘리님의 쏙쏙 일타요약 강의 때문이지 않을 까 싶네요!! 인프런 강의보다가 답답해 그냥 혼자 공식문서하며 보는게 더 편했는데, 오히려 TDD를 어떻게 구조를 잡을지 개념을 체계적으로 알려주신 것 같아서 너무 좋습니다.!! 노드 테스트 강의도 나왔던데 목차가 궁금하네요 ㅎㅎ 단순히 개념은 있고 유닛 테스트 는 많이 해봤지만, 유닛부터 전체 앱 e2테스트까지 어떻게 해봐야 하는지에 대한 설계의 구조를 알려주는 좋은 강의였습니다. 매번 프로젝트를 하고 유닛테스트 이상의 테스트를 시도해본적은 없는데 이번 계기로 한번 e2e까지 해볼 수 잇을거 같아요! 감사합니다!

Read Less
5 star rating

테스트의 필요성

JiHun Jang

현업에서 일하고 있는 FE.개발자인데, 레거시 코드가 많다보니 리팩토링 시에 스트레스를 너무 받고 있어서 테스트를 공부해야겠다 생각했습니다. 너무 좋은 강의라서 잘 배워갔습니다. :)

현업에서 일하고 있는 FE.개발자인데, 레거시 코드가 많다보니 리팩토링 시에 스트레스를 너무 받고 있어서 테스트를 공부해야겠다 생각했습니다. 너무 좋은 강의라서 잘 배워갔습니다. :)

Read Less
5 star rating

테스트가 즐거워지는 강의!!

yoo hyune ji

정말 친절하고 자세하게 알려주시면서 동시에 혼자서 스스로 해보라고 잘 다독거려 주셔서 능동적으로 들을 수 있게 해주십니다! 단순히 얕게 아는 것이 아닌 공부하는 방식을 알려주셔서 강의 후에도 궁금하다면 더 많은 것을 배울 수 있는 능력이 생깁니다!! 챌린지랑 솔루션으로 구성된...

Read More

정말 친절하고 자세하게 알려주시면서 동시에 혼자서 스스로 해보라고 잘 다독거려 주셔서 능동적으로 들을 수 있게 해주십니다! 단순히 얕게 아는 것이 아닌 공부하는 방식을 알려주셔서 강의 후에도 궁금하다면 더 많은 것을 배울 수 있는 능력이 생깁니다!! 챌린지랑 솔루션으로 구성된 강의 커리큘럼이 정말 학습하는데 많은 도움이 되어요 !! 감사합니다!! 다음 노드 테스트강의 달리러 갑니다 ㅎㅎㅎ

Read Less
5 star rating

테스팅에 대해서 잘 알수 있었습니다

YoungGon Kim

프로젝트 하면서 화면개발 후 테스팅툴을 사용하지 않고 직접 화면에 입력하여서 테스트 했었는데, 강의를 통해서 cypass를통한 ETE 테스트는 꼭 해보고 싶습니다. 다른 테스트도 물론 해보고 싶습니다.좋은 강의 고맙습니다.

프로젝트 하면서 화면개발 후 테스팅툴을 사용하지 않고 직접 화면에 입력하여서 테스트 했었는데, 강의를 통해서 cypass를통한 ETE 테스트는 꼭 해보고 싶습니다. 다른 테스트도 물론 해보고 싶습니다.좋은 강의 고맙습니다.

Read Less
5 star rating

너무 유익한 강의 였습니다.

승재 이

공식문서 읽는 실력이 좀더 향상 된 것 같고 test의 전반적인 지식을 잡아 나아갈 수 있었던 것 같습니다. 내용도 너무 알차고, 내가 스스로 해보고 솔루션을 보며 어느 부분이 조금 부족한지 어느 부분을 놓쳤는지 확인해 가며 강의를 들으니 실력도 많이 향상 되었습니다.

공식문서 읽는 실력이 좀더 향상 된 것 같고 test의 전반적인 지식을 잡아 나아갈 수 있었던 것 같습니다. 내용도 너무 알차고, 내가 스스로 해보고 솔루션을 보며 어느 부분이 조금 부족한지 어느 부분을 놓쳤는지 확인해 가며 강의를 들으니 실력도 많이 향상 되었습니다.

Read Less
5 star rating

테스팅의 신세계

NAMEUN CHO

외국은 아무리 작은 스타트업이어도 테스팅은 기본이라고 하더라구요. 테스팅은 그만큼 매우 중요한 것이지만, 사실 그동안 혼자서 약간만 맛을 보는 정도밖에 몰랐습니다. 이 강의를 통해 테스팅 종류별로 좋은 지식을 나눠주시고 비주얼 테스팅이라는 것까지 알려주셔서 너무 감...

Read More

외국은 아무리 작은 스타트업이어도 테스팅은 기본이라고 하더라구요. 테스팅은 그만큼 매우 중요한 것이지만, 사실 그동안 혼자서 약간만 맛을 보는 정도밖에 몰랐습니다. 이 강의를 통해 테스팅 종류별로 좋은 지식을 나눠주시고 비주얼 테스팅이라는 것까지 알려주셔서 너무 감사합니다. 이 강의가 저를 테스팅 세계에서 날아다닐 수 있도록 해주는 첫 스텝이 되어줄 것 같아요. 감사합니다!

Read Less
5 star rating

역시나 엘리쌤

상훈 박

테스팅이 뭔지 항상 궁금했는데 이렇게 강의로 만들어 주셔서 감사해요 ㅎㅎ 개인 프로젝트할때 한번 기능 생각해서 TDD로 개발해보려구요!! 마지막 cypress는 보기도 좋아서 마지막에 더 재밌게 강의 들었던것같아요 항상 좋은 퀄리티의 강의 감사합니다!! 강의 만드시느라 힘드...

Read More

테스팅이 뭔지 항상 궁금했는데 이렇게 강의로 만들어 주셔서 감사해요 ㅎㅎ 개인 프로젝트할때 한번 기능 생각해서 TDD로 개발해보려구요!! 마지막 cypress는 보기도 좋아서 마지막에 더 재밌게 강의 들었던것같아요 항상 좋은 퀄리티의 강의 감사합니다!! 강의 만드시느라 힘드시겠지만 다음엔 어떤 강의가 올라올까 기대도 돼요 ㅎㅎㅎ 항상 응원하고 존경합니다!!

Read Less

테스트, 어디까지가 개발자의 영역일까?

개발자로서 알아야 하는 테스트란 무엇일까요? 언제 테스트를 작성해야 하는지, 테스트를 작성하는 장점과 이유는 무엇인지? 어떤 테스트들이 있고 어떤것들을 필수로 알아야 하는지 속 시~~원하게 알려드립니다 🤓 현업에서 어떻게 테스트를 작성하는지 궁금하시죠? 이번 강의에서 그 이야기! 한번 해보도록 합니다.

TDD, 제대로 알아볼까?

아뉘 당췌 도대체 TDD가 뭐길래 다들 TDD, TDD 하는거죠? TDD란 무엇인지? 어떤식으로 개발 해나가는걸 말하는건지? 현업에서는 어떻게 개발해 나가는지 얘기해 보겠습니다. 그리고 챌린지를 통해서 여러분들이 직접 TDD를 제대로 체험할 수 있도록 강의를 진행해 볼꺼예요 💪

가장 기본적인 하지만 제일 중요한!

단위테스트 작성법에 대해 알아봅니다. 우리 특정한 테스트 프레임워크를 벗어나서 어떤것을 포인트로 잡고 단위테스트를 작성해야 하는지! 테스트 코드를 작성하는것에 집중하는 것이 아니라, 테스트 코드를 통해서 우리가 얻고자 하는 더 중요한! 그 본질적인 것을 얻기 위해서 어떻게 접근하면 좋은지 알아보아요 🚀

무엇을 테스트 해야 할까?

어떤 것을 테스트 해야 할까? 어떤 부분까지 테스트 해야 할까? 무엇을 중점적으로 다뤄야 할까? 어떤 테스트 코드가 좋은 테스트 코드 일까? 많이 궁금하셨죠? 협업에서 코드 리뷰시 많은 개발자들이 테스트 코드에서 놓치고 있었던 중요한 포인트들 알려드립니다. 노트 📒 준비해 주세요! 여러가지 원칙들과 팁들 나갑니다~! 다 담아가세요 🍯

이젠 리액트 실전이다!

머리부터 발끝까지 뿜뿜! 리액트 구석구석 테스트 할 수 있는 비법에 대해 알아봅니다. 현업에서 핫하게 쓰이는 다양한 테스트 툴들을 적극 활용해서 우리 프로젝트의 자신감을 높여 보도록 할거예요. 단순 주입식이 아니라 챌린지를 통해서 직접 연습하고 적용하는 드림코딩 아카데미 강의 방식, 그대로 진행합니다 🔥

9개의 챕터 | 323분 | 6시간 분량 강의

2주 안으로 완성해 보세요 😊

Course curriculum

  • 1

    1. 소개 및 안내

  • 2

    2. 테스트란?

    • 2.1 챕터 소개

      FREE PREVIEW
    • 2.2 테스트란 무엇인가?

    • 2.3 언제 테스트를 해야할까?

    • 2.4 테스트를 하는 이유? 장점?

    • 2.5 꼭 알아야 하는 테스트 피라미드 🐍

    • 2.6 TDD란 무엇인가?

    • 2.7 TDD 모든 개발자들이 다 해야할까?

    • 2.8 CI/CD에서의 테스트

  • 3

    3. 유닛테스트

    • 3.1 챕터 소개

    • 3.2 유닛 테스트

    • 3.3 Jest 알아 보기 🤓

    • 3.4 환경 설정

    • 3.5 첫번째 테스트 작성!

    • 3.6 자동 환경 설정

    • 3.7 공식 문서로 함께 공부하기 🤓

    • 3.8 계산기 테스트 작성하기 ❓

    • 3.9 계산기 테스트 작성하기 💡

    • 3.10 에러 테스트 하기

    • 3.11 비동기 테스트 하기

    • 3.12 Mock에 대해 (심플 버전)

    • 3.13 Mock을 이용한 테스트 - 제품 정보 가지고 오기 ❓

    • 3.14 Mock을 이용한 테스트 - 제품 정보 가지고 오기 💡

    • 3.15 Mock과 Stub의 차이 - 제품 정보 가지고 오기 리팩토링 ✨

    • 3.16 Mock을 이용한 테스트 - 사용자 로그인 ❓

    • 3.17 Mock을 이용한 테스트 - 사용자 로그인 💡

    • 3.18 유닛 테스트 정리

  • 4

    4. 좋은 테스트 원칙

    • 4.1 챕터 소개

    • 4.2 테스트의 비밀 📄

    • 4.3 좋은 테스트의 구조

    • 4.4 좋은 테스트의 원칙 👑

    • 4.5 무엇을 테스트 해야 할지 모를때의 원칙 💪

    • 4.6 좋은 테스트의 커버리지 🌱

    • 4.7 좋은 테스트 정리

  • 5

    5. TDD 실전

    • 5.1 TDD 챕터 소개

    • 5.2 TDD를 이용해서 개발하기 챌린지❓

    • 5.3 TDD를 이용해서 개발하기 챌린지💡

    • 5.4 TDD를 이용해서 리팩토링 하기 - 코드 개선💡

  • 6

    6. 리액트 - 유닛테스트

    • 6.1 챕터 소개

    • 6.2 프로젝트 소개

    • 6.3 공식 문서로 함께 공부 하기 🤓

    • 6.4 테스트 실행해 보기

    • 6.5 테스트를 위한 로직 추출하기(리팩토링) ❓

    • 6.6 테스트를 위한 로직 추출하기(리팩토링) 💡

    • 6.7 유닛 테스트 작성하기 ❓

    • 6.8 유닛 테스트 작성하기 💡 (Part 1)

    • 6.9 유닛 테스트 작성하기 💡 (Part 2)

    • 6.10 최대값 제한하기 추가

    • 6.11 오브젝트 불변성 테스트 하기

  • 7

    7. 리액트 - 컴포넌트 테스트

    • 7.1 챕터 소개

    • 7.2 공식 문서로 함께 공부 하기 🤓

    • 7.3 첫번째 컴포넌트 테스트 하기 ❓

    • 7.4 첫번째 컴포넌트 테스트 하기 💡

    • 7.5 스냅샷 테스트란? ☕️

    • 7.6 스냅샷 테스트 구현하기

    • 7.7 나머지 컴포넌트 테스트 하기 ❓

    • 7.8 나머지 컴포넌트 테스트 하기 💡

    • 7.9 App 전체 통합테스트 하기 ❓

    • 7.10 App 전체 통합테스트 하기 💡

    • 7.11 최종코드 ⬇

  • 8

    8. 리액트 - E2E 테스트

    • 8.1 챕터 소개

    • 8.2 공식 문서로 함께 공부 하기 🤓

    • 8.3 Cypress 설치 하기

    • 8.4 Cypress로 테스트 하기 ❓

    • 8.5 Cypress로 테스트 하기 💡 - 방문

    • 8.6 Cypress로 테스트 하기 💡 - 앱 테스트 하기

    • 8.7 유튜브 프로젝트 테스트

    • 8.8 최종코드 ⬇

  • 9

    9. 마무리

    • 9.1 비쥬얼 테스팅

    • 9.2 마무리 인사 🙌

⬇ "리액트 강의" 수강자를 위한 강의 입니다 ✨ 

아래 조건을 만족하신 수강생 분들에 한해 특별 제공 하는 강의로, 
별도로 판매하지 않습니다.

수강생 감사 이벤트로, 리액트 강의 완강시 보너스로 제공됨 🚀

리액트 강의 완강(80% 이상 완료)하고, 수강리뷰(정성가득!) 남겨주는 적극적인 수강생 분들에게 수강권을 보내드려요.

공지확인하기🔗

수강리뷰 확인 후 일주일 후에 등록된 이메일로 수강권 보내드립니다 📩
(관련해서 독촉 또는 문의 자제 부탁드립니다 🙏)

이 이벤트는 2022년 상반기까지 진행됩니다 (정확한 날짜 TBD, 미정)

누구에게? 리액트 강의 완강자
조건? 강의 완강후 강의 리뷰를 남긴 졸업생
등록은 언제? 리뷰 작성후 일주일 후 로그인용 메일로 강의 등록 안내가 옴 

감사하게도 리액트 강의에 이미 많은 분들이 정말 좋은 리뷰들을 남겨 주셨어요.
(아니, 어쩌면 그렇게 다들 글을 잘 쓰시는거죠? 하하)
리뷰를 더 받는것에 큰 의미를 두기 보다는 (더 받아도 보여줄 수 있는 공간도 없어요 하핫)

어떻게 하면 열심히 강의를 들은 수강생들을 선별 할 수 있을까?
어떻게 하면 드림코딩을 진심으로 응원해주시는 분들을 위해 무엇을 할 수 있을까?
고민을 한 결과, 열심히 듣고 또 리뷰까지 작성해 주시는 능동적이신 분들에게 이 이벤트를 진행하기로 결정했습니다.

모두에게 주어지는 선물이 아닌, 강의를 열심히 듣고 완강하신 여러분들에게만!
드림코딩의 가치를 알아봐 주신 그대들에게!
드림코딩을 위해 따뜻한 리뷰를 남겨주신 진정한 드림코딩 지원군들에게!
제가 준비한 보답 🎁 선물입니다.

선생님은 누구?

Full-Stack, Mobile Engineer | Engineering Manager

엘리 | 드림 코더

국내 삼성전자에서 연구원으로 4년 임베디드, 안드로이드 개발자로 일했고, 해외에서 8년 넘게 안드로이드, 아이폰 개발자, 백엔드를 거쳐 프론트엔드 개발자로 일했으며, 테크리더부터 시작해서 팀장, 그룹장 (엔지니어링 매니저) 역할을 맡으며 리더쉽 포지션에서 활동하고 있습니다. 회사 내/외부에서 컨퍼런스, 봉사활동을 통해 세미나를 즐겨 하다가, 2020년 부터 드림코딩 유튜브 채널을 통해 코딩을 가르쳐 드리는 엘리로 활동하고 있어요. 드림코딩 아카데미에서 만명이 넘는 수강생들을 이끌어 오면서 저의 지식과 컨텐츠를 나누는것에 큰 열정을 가지고 있습니다 🙆‍♀️ 진정한 개발자란 현재 가지고 있는 지식과 경험, 노하우에 만족하고 멈춰 있는 것이 아니라 끊임없이 배움을 추구하며 열정적으로 살아 가야 한다고 믿고 있어요. 그 열정, 강의를 통해 나눠드리고 싶어요 ✨

FAQ

  • 수업 기간은 어떻게 되나요?

    수강 신청 후 바로 시작하실 수 있고, 한번 결제 하신 강의는 영원히 (최소 3년동안 보장) 보실 수 있는 온라인 클래스 입니다. 여러분들 속도에 맞춰서 복습하면서 들으실 수 있어요. 다만 계획을 세우고 완성하는거 잊지 마세요 🙌

  • 환불은 가능한가요?

    네, 결제일로부터 7일 이내 영상을 5개 미만으로 보셨다면 결제 취소가 가능해요. 하나의 영상을 다 보시지 않더라도, 영상을 클릭해서 보시면 보신걸로 간주합니다. 하지만, 되도록 커리큘럼 내용과 미리보기 가능한 영상들을 확인해 보셔서 신중하게 결정하세요 🤗

  • 강의에는 어떤것이 포함되나요?

    퀄리티 있는 강의, 수강생들의 피드백을 취합하여 보강되는 보충자료, 관련 스택 주요 업데이트시 필요 내용 보강을 해드려요. 하지만 강의 수강료에는 실시간 질의 응답, 개인 상담, 개인 코드 리뷰 등 강의 외적인 것은 포함되지 않습니다.