로그인

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

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

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

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

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

학습 목표

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

도움이 되는 분들

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

 배우는 것들

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

학습환경

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

 지식공유자 소개

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

주요 이력

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

강좌 평가

4.9

12 개의 수강평
  • 5 점11
  • 4 점1
  • 3 점0
  • 2 점0
  • 1 점0
  1. 홍상의의 프로필 사진

    재미있어요.

    5

    간단하지만 많은 내용이 들어가 있습니다.
    TDD부터 자바스크립트 개발시 주의할점. 거기에 객체개념까지…
    강사님은 자연스럽게 그런것들을 적용하는것 같은데 전 아직 그정도는 아닙니다.
    많이 배우고 갑니다.

  2. 박우림의 프로필 사진

    어려워요 ㅠㅠ

    5

    모듈패턴을 먼저 공부해야겠어요
    그리고 다시 와서 보겠습니다 !

  3. 서상연의 프로필 사진

    자바스크립트 TDD에 대해 잘 이했습니다.

    5

    자바스크립트에서 TDD 방법에 대해서 늘 궁금했으면 강의를 통해서 하나 하나 테스트하면서 해결하는 방법에 대해 배울 수 있어서 좋았습니다.
    미쳐 놓칠 수 있는 부분을 단위테스트를 통해 해결할 수 있고 더 견고한 자바스크립트를 완성할 수 있겠다는 기대를 갖게 할 수 있는 좋은 강의 였습니다. 강사님의 다른 강의들도 현재 듣고 있는데 주변이나 책에서 얻을 수 없는 노하우와 개념, 방법들을 배울 수 있었습니다.
    좋은 강의 감사합니다.

  4. 신승화의 프로필 사진

    TDD입문용으로 최고인거 같아요

    5

    저는 TDD에 대해 1도 모르지만 항상 궁금했습니다.
    이렇게 간결한 강의를 들을 수 있어서 너무 좋았습니다.
    감사합니다.

  5. 김호균의 프로필 사진

    아주 쉽게 TDD에 대해서 설명해주시네요

    5

    TDD에 대한 개념을 아주 쉽게 설명해 주셔서 재밌게 봤습니다.
    만드시는 소스 스타일이 React나 Vue랑 비슷한거 같네요.

    궁금한 점이 있습니다.
    아직 ES6를 사용하지 못하는 프로젝트에서는 ES5로 변환해서 배포해야 할텐데
    ES6에서 테스트한 코드는 ES5로 변환한 후에도 테스트에서 통과한 내용을 모두 보증할 수 있나요?

    좋은 강의 감사합니다.
    다른 강의도 유익하게 보겠습니다!

  6. Jung Cheol의 프로필 사진

    짧지만 명확한 강의

    5

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

  7. uoon lee의 프로필 사진

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

    4

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

  8. 김윤창의 프로필 사진

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

    5

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

  9. 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-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED