견고한 JS 소프트웨어 만들기
견고한 JS 소프트웨어 만들기
수강정보
(38개의 수강평)
632명의 수강생
스킬태그 #Front-End, #TDD
27,500원
지식공유자 : 김정환
19회 수업 · 총 1시간 11분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 중급이상

이 강의는

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

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

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

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

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

학습 목표

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

도움이 되는 분들

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

 배우는 것들

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

학습환경

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

 지식공유자 소개

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

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

공개 일자

2018년 5월 30일 (마지막 업데이트 일자 : 2018년 8월 30일)
4.7
38개의 수강평
default_profile.png
sugbong2 2019.07.03
깔끔하네요
김정환

김정환 7달 전
👍

default_profile.png
Heedo Kim 2019.10.15
문제가 있는 코드를 개선하고, 과정마다 테스트를 하나씩 추가하는 과정을 하나씩 밟을 수 있습니다. 단순히 코드만 설명하지 않고 개발 관련 개념도 같이 설명합니다. TDD를 처음 공부하면서 큰 도움이 되었습니다. 하지만 강의 자료에 오타가 많고, 오타가 발생해서 수정하는 부분까지 동영상에 포함되어 있습니다. 처음부터 세 번째 영상까지는 소리 출력이 불안정했습니다. 영상을 전체적으로 검수하고, Jasmine 테스트 결과를 좀 더 자세히 분석해주시면 좋겠습니다.
김정환

김정환 7달 전
영상이 좀 불안정했었군요. 그래도 끝까지 들어주셔서 고맙습니다.

교육과정

모두 펼치기 19 강의 1시간 11분
섹션 0. 1. TDD 이론 및 패턴 소개
7 강의 18 : 00
섹션 1. 2. 모듈패턴으로 기존 코드 개선하기
6 강의 31 : 00
클릭카운터 모듈 - 스펙1
05 : 00
클릭카운터 모듈 - 스펙2
05 : 00
클릭카운트뷰 모듈 - 스펙1
05 : 00
클릭카운트뷰 모듈 - 스펙1 (계속)
03 : 00
클릭카운트뷰 모듈 - 스펙2
07 : 00
클릭카운트뷰 모듈 - 스펙 3
06 : 00
섹션 2. 3. 중간 정리, 뭐가 개선된거죠?
2 강의 07 : 00
모듈 이용해서 화면 만들기
03 : 00
개선된 점
04 : 00
섹션 3. 4. 추가 요구사항도 쉽게 받을수 있는 코드 만들기
2 강의 10 : 00
클릭카운터 모듈 - 스펙3
06 : 00
클릭카운터 모듈 - 스펙4
04 : 00
섹션 4. 5. 정리
2 강의 05 : 00
화면에 붙여보자
04 : 00
정리 - 스펙4
01 : 00
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스