인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST

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

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

중급자를 위해 준비한
[TDD, jasmine] 강의입니다.

이런 걸 배울 수 있어요

  • 테스트 주도 개발(TDD) 방법론

  • 자바스크립트 모듈 패턴

  • 단일 책임 원칙을 적용한 코드 리팩토링

  • DOM 조작 및 이벤트 처리

  • 자바스크립트 코드의 테스트 및 유지보수

좋은 코드를 알면,
좋은 소프트웨어를 만들 수 있어요.

견고한 소프트웨어 만들기

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


이 강의의 특별한 점 

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

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

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


이런 분들이 들으면 좋아요!

“자바스크립트 문법은 아는데 어떻게 개발해야 할지 모르겠어요”

“TDD는 들어봤는데 어떻게 하는 건지 궁금해요"

“요구사항이 변경되더라도 코드는 조금만 수정했으면 좋겠어요"

🔹 미리 보는 학습 환경

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

저를 소개합니다 🧑‍🏫

김정환

웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자
웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영하고 있어요.

학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유하는 활동도 하고 있어요.

우아한형제들에서 프론트엔드 개발자로 일하고 있어요.

리액트 기술과 관련된 컨텐츠도 작성했어요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 프로그래밍 초보자

  • 자바스크립트 개발자

  • 프론트엔드 개발자

  • 소프트웨어 품질을 향상시키고 싶은 사람

  • 테스트 주도 개발에 관심 있는 사람

안녕하세요
김정환입니다.

13,530

수강생

838

수강평

583

답변

4.8

강의 평점

9

강의

👋🏼 안녕하세요 인프런에서 강의하는 김정환입니다.

수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.

커리큘럼

전체

19개 ∙ (1시간 11분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

96개

4.8

96개의 수강평

  • sehong0759님의 프로필 이미지
    sehong0759

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    Thật là vui. Nó đơn giản nhưng chứa rất nhiều thông tin. Những điều cần lưu ý khi phát triển JavaScript bắt đầu từ TDD. Và thậm chí cả khái niệm đối tượng... Người hướng dẫn dường như áp dụng những điều đó một cách tự nhiên, nhưng tôi vẫn chưa đạt được điều đó. Tôi đang học hỏi rất nhiều.

    • jeonghwan
      지식공유자

      Tôi vẫn còn rất nhiều điều để học hỏi.

  • 93kimhyunjun1510님의 프로필 이미지
    93kimhyunjun1510

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    Nhờ bài giảng của Jeonghwan Kim, tôi đã có thể hiểu được ý nghĩa của việc viết mã tốt. Tôi là một người không chuyên, mới bắt đầu lập trình cách đây vài tháng. Tôi luôn nghe mọi người nói về mã tốt và mã sạch, nhưng tôi không biết chính xác điều đó có nghĩa là gì. Trong khi đó, người cố vấn của tôi luôn khuyên tôi nên thử viết mã bằng TDD. Nói như vậy, nó giúp tạo thói quen theo dõi các nhiệm vụ theo từng phần rất nhỏ. Vì vậy, tôi đã tìm bài giảng của Kim Jeong-hwan và nghe nó. Ngoài việc suy nghĩ theo các đơn vị nhỏ, tôi nghĩ tôi đã hiểu được một chút về mã khô mà tôi luôn nghe nói đến là gì. Tôi nghĩ không chỉ bài giảng này mà cả việc phát triển Node TDD và các bài viết bạn viết trên blog của mình đều thực sự tốt. Cảm ơn bạn đã cung cấp tài liệu giảng dạy tốt.

    • jeonghwan
      지식공유자

      Cảm ơn bạn đã ghé thăm bài giảng và blog của tôi.

  • sugbong23877님의 프로필 이미지
    sugbong23877

    수강평 6

    평균 평점 5.0

    5

    100% 수강 후 작성

    Nó gọn gàng

    • jeonghwan
      지식공유자

      👍

  • uoondev7104님의 프로필 이미지
    uoondev7104

    수강평 1

    평균 평점 4.0

    4

    100% 수강 후 작성

    Không có nhiều lớp TDD front-end. Tôi có xu hướng nghe các bài giảng của Jeonghwan Kim bất cứ khi nào có thể. Khi tôi bắt đầu quan tâm đến việc phát triển dựa trên thử nghiệm, có một khóa học về nó nên tôi đã mua nó và xem say sưa. Tôi nghĩ khóa học này sẽ hữu ích cho những người mới bắt đầu vì nó được giải thích một cách dễ hiểu. Khó có thể hiểu nội dung chuyên sâu vì âm lượng nhỏ, nhưng tôi nghĩ đây là một bài giảng hay để bắt đầu như một hương vị. Cảm ơn thầy luôn đưa ra những bài giảng hay.

    • devfuner님의 프로필 이미지
      devfuner

      수강평 12

      평균 평점 5.0

      5

      100% 수강 후 작성

      Bạn giải thích TDD rất dễ dàng. Tôi rất thích nó vì bạn đã giải thích khái niệm TDD rất dễ dàng. Có vẻ như kiểu nguồn bạn đang tạo tương tự như React hoặc Vue. Tôi có một câu hỏi. Các dự án chưa sử dụng được ES6 sẽ cần chuyển đổi sang ES5 và triển khai. Mã được kiểm tra trong ES6 có thể được đảm bảo vượt qua tất cả các bài kiểm tra sau khi chuyển đổi sang ES5 không? Cảm ơn bạn vì bài giảng tuyệt vời. Các bài giảng khác cũng sẽ hữu ích!

      • jeonghwan
        지식공유자

        Nó không phải như vậy. Nên khớp mã ứng dụng và phiên bản. Bạn có thể viết mã kiểm tra bao nhiêu tùy thích với ES5.

    김정환님의 다른 강의

    지식공유자님의 다른 강의를 만나보세요!

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!

    연관 로드맵

    강의가 포함된 로드맵으로 학습해 보세요!

    월 ₩118,149

    5개월 할부 시

    ₩27,500