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

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

먼저 자바스크립트의 특성과 왜 TDD(테스트주도개발) 가 필요한지에 대해 짚어 봅니다. 실무에서 흔히 사용되는 코드 예제로 진행하는데요. 코드의 문제점을 함께 진단해보고 단계적으로 개선해 나가는 과정을 함께 할 거에요.

그리고나서 TDD와 디자인 패턴에 대한 이론을 살펴보구요. 이를 리팩토링에 적용해 보면서 결국에는 좋은 품질의 코드를 만들어 낼 수 있습니다.

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

학습 목표

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

도움이 되는 분들

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

 배우는 것들

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

학습환경

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

 지식공유자 소개

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

주요 이력

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

강좌 평가

4.8

4 개의 수강평
  • 5 점3
  • 4 점1
  • 3 점0
  • 2 점0
  • 1 점0
  1. Jung Cheol의 프로필 사진

    짧지만 명확한 강의

    5

    총 분량이 많지 않지만 그만큼 부담이 적고 내용이 재밌네요. 감사합니다.

  2. uoon lee의 프로필 사진

    프론트엔드 TDD 수업은 많지 않습니다.

    4

    김정환 님 강의는 웬만하면 챙겨 듣는 편이에요. 마침 테스트 주도 개발에 관심이 생겼을 때 강의가 있길래 구입해서 몰아 들었습니다. 쉽게 설명해주시기에 처음 시작하시는 분들에게 도움이 되는 강좌일 거라 생각해요. 분량이 적은 편이라 깊은 내용까지 알기는 어렵지만 맛보기로 시작해보기에 괜찮은 강의라고 생각합니다. 늘 좋은 강의해주셔서 감사합니다.

  3. 김윤창의 프로필 사진

    자바 스크립트를 통해 TDD 의 기본에 대해 이해하기 정말 좋습니다.

    5

    자바 스크립트를 통해 TDD 의 기본에 대해 이해하기 정말 좋습니다.

  4. HanWoong Kim의 프로필 사진

    프론트엔드 개발자에게 반드시 필요한 강의

    5

    한마디로 프론트엔드 개발자에게 반드시 필요한 강의네요

강좌 교육과정

1. TDD 이론 및 패턴 소개
아리송한 상황들학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
몇 가지 테스트 개념들학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
설치 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
설치 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
테스트할 수 없는 코드 1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
테스트할 수 없는 코드 2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
잠깐, 모듈 패턴학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
2. 모듈패턴으로 기존 코드 개선하기
클릭카운터 모듈 – 스펙1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
클릭카운터 모듈 – 스펙2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
클릭카운트뷰 모듈 – 스펙1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
클릭카운트뷰 모듈 – 스펙1 (계속)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
클릭카운트뷰 모듈 – 스펙2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
클릭카운트뷰 모듈 – 스펙 3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
3. 중간 정리, 뭐가 개선된거죠?
모듈 이용해서 화면 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
개선된 점학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
4. 추가 요구사항도 쉽게 받을수 있는 코드 만들기
클릭카운터 모듈 – 스펙3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
클릭카운터 모듈 – 스펙4학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
5. 정리
화면에 붙여보자학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
정리 – 스펙4학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:01:00
  • 가격 옵션 +
  • 평생
  • ,
  • 강좌 수료증
  • 19개 강의, 총 1 시간 11 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등 을 추구합니다. 🌳

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED