견고한 JS 소프트웨어 만들기

견고한 JS 소프트웨어 만들기

(10개의 수강평)

286명의 수강생

27,500원

김정환
평생
초급, 중급
수료증
19개 수업, 총 1시간 11분
Wishlist

견고한 소프트웨어 만들기 강좌 소개

같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.

먼저 자바스크립트의 특성과 왜 TDD(테스트주도개발) 가 필요한지에 대해 짚어 봅니다. 실무에서 흔히 사용되는 코드 예제로 진행하는데요. 코드의 문제점을 함께 진단해보고 단계적으로 개선해 나가는 과정을 함께 할 거에요. 그리고나서 TDD와 디자인 패턴에 대한 이론을 살펴보구요. 이를 리팩토링에 적용해 보면서 결국에는 좋은 품질의 코드를 만들어 낼 수 있습니다.

각 강의는 10분 미만으로 짧아서 언제라도 다시 시작할수 있습니다. 영상 중간에 준비한 브랜치들은 실습하지 못한 분들을 위한 작은 배려입니다. 그렇지만 직접 한땀한땀 코딩하면서 수업에 참여하시는 것을 적극 권해드립니다.

학습 목표

  • 테스트주도 개발 방법으로 견고한 프론트엔드 코드를 설계하고 코딩할 수 있다.
  • 소프트웨어 공학 원칙과 디자인 패턴을 학습한다.

도움이 되는 분들

    아래 질문 중 하나라도 해당하시면 분명히 도움이 될거에요.
      • “자바스크립트 문법은 아는데 어떻게 개발해야 할지 모르겠어요”
      • “TDD는 들어봤는데 프론트엔드에서는 어떻게 하는건지 궁금해요"
      • “요구사항이 변경되더라도 코드는 조금만 수정했으면 좋겠어요"

 배우는 것들

  • 테스트주도개발
  • 자바스크립트 디자인 패턴

학습환경

    • 편집기: VS Code
    • 코드 저장소: Github
    • 브라우져: Chrome
    • 테스트프레임웍: Jasmine

 지식공유자 소개

김정환
웹 기술을 이용한 서버/클라이언트 어플리케이션을 만드는 자바스크립트 개발자입니다. 기술을 학습하고 공유하는 것을 좋아합니다.

주요 이력
- 블로그: http://blog.jeonghwan.net
- 우아한형제들 프론트엔드 개발자

지식공유자 소개

김정환

교육과정

1. TDD 이론 및 패턴 소개
아리송한 상황들
03 : 00
몇 가지 테스트 개념들
03 : 00
설치 1
04 : 00
설치 2
02 : 00
테스트할 수 없는 코드 1
01 : 00
테스트할 수 없는 코드 2
02 : 00
잠깐, 모듈 패턴
03 : 00
2. 모듈패턴으로 기존 코드 개선하기
클릭카운터 모듈 - 스펙1
05 : 00
클릭카운터 모듈 - 스펙2
05 : 00
클릭카운트뷰 모듈 - 스펙1
05 : 00
클릭카운트뷰 모듈 - 스펙1 (계속)
03 : 00
클릭카운트뷰 모듈 - 스펙2
07 : 00
클릭카운트뷰 모듈 - 스펙 3
06 : 00
3. 중간 정리, 뭐가 개선된거죠?
모듈 이용해서 화면 만들기
03 : 00
개선된 점
04 : 00
4. 추가 요구사항도 쉽게 받을수 있는 코드 만들기
클릭카운터 모듈 - 스펙3
06 : 00
클릭카운터 모듈 - 스펙4
04 : 00
5. 정리
화면에 붙여보자
04 : 00
정리 - 스펙4
01 : 00

수강 후기

4.9
10개의 수강평
Taeyoung Kim 12일 전
어려운 걸 쉽게 이해할 수 있게 해 주는 훌륭한 강의 였어요! 그동안 귀찮다고 시간없다고 패스했는데 테스트주도 개발방식에 익숙해져야 겠다는 동기가 생겼어요.
홍상의 5달 전
재미있어요. 간단하지만 많은 내용이 들어가 있습니다. TDD부터 자바스크립트 개발시 주의할점. 거기에 객체개념까지... 강사님은 자연스럽게 그런것들을 적용하는것 같은데 전 아직 그정도는 아닙니다. 많이 배우고 갑니다.
박우림 5달 전
어려워요 ㅠㅠ 모듈패턴을 먼저 공부해야겠어요 그리고 다시 와서 보겠습니다 !
서상연 5달 전
자바스크립트 TDD에 대해 잘 이했습니다. 자바스크립트에서 TDD 방법에 대해서 늘 궁금했으면 강의를 통해서 하나 하나 테스트하면서 해결하는 방법에 대해 배울 수 있어서 좋았습니다. 미쳐 놓칠 수 있는 부분을 단위테스트를 통해 해결할 수 있고 더 견고한 자바스크립트를 완성할 수 있겠다는 기대를 갖게 할 수 있는 좋은 강의 였습니다. 강사님의 다른 강의들도 현재 듣고 있는데 주변이나 책에서 얻을 수 없는 노하우와 개념, 방법들을 배울 수 있었습니다. 좋은 강의 감사합니다.
김정환 프로필

김정환 5달 전
감사합니다. 마지막까지 수강하시느라 고생하셨어요. 강의는 경험 위주라서요, 책과 같이 보시면 확실한 공부가 될것 같아요.

신승화 5달 전
TDD입문용으로 최고인거 같아요 저는 TDD에 대해 1도 모르지만 항상 궁금했습니다. 이렇게 간결한 강의를 들을 수 있어서 너무 좋았습니다. 감사합니다.
김정환 프로필

김정환 5달 전
감사합니다.

김호균 6달 전
아주 쉽게 TDD에 대해서 설명해주시네요 TDD에 대한 개념을 아주 쉽게 설명해 주셔서 재밌게 봤습니다. 만드시는 소스 스타일이 React나 Vue랑 비슷한거 같네요. 궁금한 점이 있습니다. 아직 ES6를 사용하지 못하는 프로젝트에서는 ES5로 변환해서 배포해야 할텐데 ES6에서 테스트한 코드는 ES5로 변환한 후에도 테스트에서 통과한 내용을 모두 보증할 수 있나요? 좋은 강의 감사합니다. 다른 강의도 유익하게 보겠습니다!
김정환 프로필

김정환 6달 전
그렇지 않습니다 어플리케이션 코드와 버전을 맞추는 것이 좋습니다. es5로도 얼마든지 테스트 코드 작성할 수 있거든요.

Jung Cheol 8달 전
짧지만 명확한 강의 총 분량이 많지 않지만 그만큼 부담이 적고 내용이 재밌네요. 감사합니다.
uoon lee 9달 전
프론트엔드 TDD 수업은 많지 않습니다. 김정환 님 강의는 웬만하면 챙겨 듣는 편이에요. 마침 테스트 주도 개발에 관심이 생겼을 때 강의가 있길래 구입해서 몰아 들었습니다. 쉽게 설명해주시기에 처음 시작하시는 분들에게 도움이 되는 강좌일 거라 생각해요. 분량이 적은 편이라 깊은 내용까지 알기는 어렵지만 맛보기로 시작해보기에 괜찮은 강의라고 생각합니다. 늘 좋은 강의해주셔서 감사합니다.
김윤창 2018.06.03
자바 스크립트를 통해 TDD 의 기본에 대해 이해하기 정말 좋습니다.
HanWoong Kim 2018.06.02
프론트엔드 개발자에게 반드시 필요한 강의 한마디로 프론트엔드 개발자에게 반드시 필요한 강의네요