같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.
테스트 주도 개발(TDD) 방법론
자바스크립트 모듈 패턴
단일 책임 원칙을 적용한 코드 리팩토링
DOM 조작 및 이벤트 처리
자바스크립트 코드의 테스트 및 유지보수
좋은 코드를 알면,
좋은 소프트웨어를 만들 수 있어요.
같은 기능을 만들더라도 자바스크립트 문법을 이제 막 뗀 주니어 개발자와 경험 많은 시니어 개발자의 코드는 상당히 다릅니다. 물론 결과물은 같더라도 말이죠. 후자의 코드가 인정받는 이유는 짜임새 있는 설계와 변화에 대응할 수 있는 확장성 때문일거에요. 이 강의는 그런 좋은 코드를 만들어 내는 방법에 대해 알아봅니다.
먼저 자바스크립트의 특성과 왜 TDD(테스트 주도 개발) 가 필요한지에 대해 짚어 봅니다. 실무에서 흔히 사용되는 코드 예제로 진행하는데요. 코드의 문제점을 함께 진단해 보고 단계적으로 개선해 나가는 과정을 함께 할 거에요. 그리고나서 TDD와 디자인 패턴에 대한 이론을 살펴보구요. 이를 리팩토링에 적용해 보면서 결국에는 좋은 품질의 코드를 만들어 낼 수 있습니다.
각 강의는 10분 미만으로 짧아서 언제라도 다시 시작할 수 있습니다. 영상 중간에 준비한 브랜치들은 실습하지 못한 분들을 위한 작은 배려입니다. 그렇지만 직접 한 땀 한 땀 코딩하면서 수업에 참여하시는 것을 적극 권해드립니다.
“자바스크립트 문법은 아는데 어떻게 개발해야 할지 모르겠어요”
“TDD는 들어봤는데 어떻게 하는 건지 궁금해요"
“요구사항이 변경되더라도 코드는 조금만 수정했으면 좋겠어요"
🔹 미리 보는 학습 환경
웹 기술을 학습하고 정리하는 걸 좋아하는 실무 개발자
웹 기술 및 개발자로서의 생각을 담은 기술 블로그를 운영하고 있어요.
학습한 기술과 실무에서 배운 노하우를 모아 발표나 강의 형식으로 공유하는 활동도 하고 있어요.
우아한형제들에서 프론트엔드 개발자로 일하고 있어요.
리액트 기술과 관련된 컨텐츠도 작성했어요.
학습 대상은
누구일까요?
프로그래밍 초보자
자바스크립트 개발자
프론트엔드 개발자
소프트웨어 품질을 향상시키고 싶은 사람
테스트 주도 개발에 관심 있는 사람
전체
19개 ∙ (1시간 11분)
1. 아리송한 상황들
03:00
2. 몇 가지 테스트 개념들
03:00
3. 설치 1
04:00
4. 설치 2
02:00
5. 테스트할 수 없는 코드 1
01:00
6. 테스트할 수 없는 코드 2
02:00
7. 잠깐, 모듈 패턴
03:00
8. 클릭카운터 모듈 - 스펙1
05:00
9. 클릭카운터 모듈 - 스펙2
05:00
10. 클릭카운트뷰 모듈 - 스펙1
05:00
12. 클릭카운트뷰 모듈 - 스펙2
07:00
13. 클릭카운트뷰 모듈 - 스펙 3
06:00
14. 모듈 이용해서 화면 만들기
03:00
15. 개선된 점
04:00
전체
96개
4.8
96개의 수강평
수강평 2
∙
평균 평점 5.0
5
Thanks to Kim Jeong-hwan's lecture, I was able to get a feel for what it means to write good code. I am a non-major and a student who has only been learning programming for a few months. I only heard people talk about good code and clean code, but I didn't really get a feel for what they were. Then, my mentor always recommended that I try coding with TDD. He said that it would help me make it a habit to track my work in very small units. So I looked for Kim Jeong-hwan's lecture. In addition to thinking in small units, I think I got a feel for what DRY code, which I had only heard about all the time, was like. Not only this lecture, but also the Node TDD development and the articles you wrote on your blog are really good. Thank you for providing such great lecture materials.
Thank you for visiting my lectures and blog.
수강평 2
∙
평균 평점 5.0
5
It's fun. It's simple, but it contains a lot of content. From TDD to things to watch out for when developing JavaScript. And even the object concept... The instructor seems to apply those things naturally, but I'm not at that level yet. I'm learning a lot.
I still have a lot to learnㅜㅜ
수강평 6
∙
평균 평점 5.0
수강평 15
∙
평균 평점 5.0
5
You explained TDD very easily. I enjoyed watching it because you explained the concept of TDD very easily. Your source code style seems similar to React or Vue. I have a question. In a project that cannot use ES6 yet, you will need to convert it to ES5 and distribute it. Can you guarantee that the code tested in ES6 will pass the test even after converting it to ES5? Thank you for the great lecture. I will watch other lectures as well!
No It's better to match the application code and version. You can write test code in es5 as well.
수강평 1
∙
평균 평점 4.0
4
There aren't many front-end TDD classes. I tend to listen to Kim Jeong-hwan's lectures as much as possible. When I became interested in test-driven development, I bought the lecture and listened to it all. I think it will be a helpful lecture for beginners because it explains things easily. It's a bit short, so it's hard to understand the in-depth content, but I think it's a good lecture to start with. Thank you for always giving great lectures.
₩27,500
![[React Part 2] Advanced Topics and Hooks강의 썸네일](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?f=avif&w=420)
![[React Part 1] Learning React by Building and Comparing강의 썸네일](https://cdn.inflearn.com/public/courses/326905/cover/739f7b4b-1a9f-478f-a6a8-1a13bf58cae3/326905-eng.png?f=avif&w=420)
![Learn React Testing by Following [Updated November 2023]강의 썸네일](https://cdn.inflearn.com/public/courses/327775/cover/0ef9c174-9974-4530-9470-d1ce8648aa75/327775-eng.png?f=avif&w=420)
![[From JSP to Spring Boot] The Unwavering Path to SpringBoot강의 썸네일](https://cdn.inflearn.com/public/files/courses/334897/cover/01k2j21p3rz09cqh5s0frefaa5?f=avif&w=420)
