같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.
이런 걸
배워요!
테스트 주도 개발(TDD) 방법론
자바스크립트 모듈 패턴
단일 책임 원칙을 적용한 코드 리팩토링
DOM 조작 및 이벤트 처리
자바스크립트 코드의 테스트 및 유지보수
좋은 코드를 알면,
좋은 소프트웨어를 만들 수 있어요.
같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할 수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.
먼저 자바스크립트의 특성과 왜 TDD(테스트 주도 개발) 가 필요한지에 대해 짚어 봅니다. 실무에서 흔히 사용되는 코드 예제로 진행하는데요. 코드의 문제점을 함께 진단해 보고 단계적으로 개선해 나가는 과정을 함께 할 거에요. 그리고나서 TDD와 디자인 패턴에 대한 이론을 살펴보구요. 이를 리팩토링에 적용해 보면서 결국에는 좋은 품질의 코드를 만들어 낼 수 있습니다.
각 강의는 10분 미만으로 짧아서 언제라도 다시 시작할 수 있습니다. 영상 중간에 준비한 브랜치들은 실습하지 못한 분들을 위한 작은 배려입니다. 그렇지만 직접 한 땀 한 땀 코딩하면서 수업에 참여하시는 것을 적극 권해드립니다.
“자바스크립트 문법은 아는데 어떻게 개발해야 할지 모르겠어요”
“TDD는 들어봤는데 어떻게 하는 건지 궁금해요"
“요구사항이 변경되더라도 코드는 조금만 수정했으면 좋겠어요"
🔹 미리 보는 학습 환경
웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자
웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영하고 있어요.
학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유하는 활동도 하고 있어요.
우아한형제들에서 프론트엔드 개발자로 일하고 있어요.
리액트 기술과 관련된 컨텐츠도 작성했어요.
학습 대상은
누구일까요?
프로그래밍 초보자
자바스크립트 개발자
프론트엔드 개발자
소프트웨어 품질을 향상시키고 싶은 사람
테스트 주도 개발에 관심 있는 사람
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
전체
19개 ∙ (1시간 11분)
아리송한 상황들
03:00
몇 가지 테스트 개념들
03:00
설치 1
04:00
설치 2
02:00
테스트할 수 없는 코드 1
01:00
테스트할 수 없는 코드 2
02:00
잠깐, 모듈 패턴
03:00
클릭카운터 모듈 - 스펙1
05:00
클릭카운터 모듈 - 스펙2
05:00
클릭카운트뷰 모듈 - 스펙1
05:00
클릭카운트뷰 모듈 - 스펙1 (계속)
03:00
클릭카운트뷰 모듈 - 스펙2
07:00
클릭카운트뷰 모듈 - 스펙 3
06:00
모듈 이용해서 화면 만들기
03:00
개선된 점
04:00