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

이 강의는

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

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

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

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

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

학습 목표

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

도움이 되는 분들

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

 배우는 것들

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

학습환경

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

 지식공유자 소개

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

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

교육과정

모두 펼치기 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

공개 일자

2018년 5월 30일 (마지막 업데이트 일자 : 2018년 8월 30일)

수강 후기

4.6
37개의 수강평
default_profile.png
sugbong2 2019.07.03
깔끔하네요
김정환

김정환 6달 전
👍

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

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

default_profile.png
HYUNJUN KIM 2019.06.30
김정환 님의 강의 덕분에 좋은 코드를 작성하는 게 어떤 것인지 감을 잡을 수 있었습니다. 저는 비전공자로 프로그래밍에 입문한 지 몇개월 안된 수강생입니다. 사람들이 항상 좋은 코드, 클린 코드 말하는 것만 듣고, 그게 정확히 어떤 것인지 감이 잘 안 잡혔습니다. 그러던 와중에 저의 멘토분께서 항상 TDD로 코딩 해보는 것을 추천해주셨습니다. 일을 매우 작은 단위로 추적하는 것을 습관화하는데 도움이 된다는 말과 함께요. 그래서 김정환 님의 강의를 찾아 들었습니다. 작은 단위로 생각하는 것과 더불어, 맨날 말로만 들었던 DRY 한 코드가 어떤 것인지 조금이나마 감을 잡게 된 것 같습니다. 이 강의 뿐만 아니라, 노드 TDD 개발이나 블로그에 써주시는 글도 너무 좋은 것 같습니다. 좋은 강의 자료 제공해주셔서 감사합니다.
김정환

김정환 6달 전
강의, 블로그까지 찾아주시다니 고맙습니다.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스