![[React 2부] 고급 주제와 훅강의 썸네일](https://cdn.inflearn.com/public/courses/332123/cover/62407827-5375-47cf-91fa-4877bf72c139/332123-eng.png?w=420)
[React 2부] 고급 주제와 훅
김정환
이제 리액트(React)가 진짜 ‘보이기’ 시작합니다. 고급 개념과 훅(Hooks) 가장 쉽고 정확하게 배워보세요.
중급이상
React Context, react-hooks, React
Even if you create the same function, the code of a junior developer who has just learned JavaScript syntax and that of an experienced senior developer will be quite different. Of course, even if the results are the same. The reason the latter's code is recognized is because of its well-designed structure and scalability to respond to changes. This lecture will learn about how to create such good code.
Test-Driven Development (TDD) Methodology
JavaScript Module Pattern
Code refactoring with the single responsibility principle
DOM Manipulation and Event Handling
Testing and maintaining JavaScript code
If you know good code,
You can make good software.
Even if they create the same function, the code of a junior developer who has just learned JavaScript syntax and an experienced senior developer are quite different. Of course, the result is the same. The reason the latter's code is recognized is because of its well-organized design and extensibility to respond to changes. This lecture will teach you how to create such good code.
First, let's look at the characteristics of JavaScript and why TDD (Test Driven Development) is necessary. We'll proceed with code examples commonly used in practice. We'll diagnose problems in the code together and go through the process of improving it step by step. Then, we'll look at the theory of TDD and design patterns. By applying this to refactoring, you can eventually create good quality code.
Each lecture is less than 10 minutes long, so you can start over at any time. The branches prepared in the middle of the video are a small consideration for those who were unable to practice. However, I strongly recommend that you participate in the class by coding step by step.
“I know JavaScript grammar, but I don’t know how to develop.”
“I’ve heard of TDD, but I’m curious about how to do it.”
“I would like to see only minor changes to the code, even if the requirements change.”
🔹 Preview the learning environment
A working developer who loves learning and organizing web technologies.
I run a technology blog about web technologies and my thoughts as a developer.
We also share the skills we have learned and the know-how we have learned in practice in the form of presentations or lectures.
I work as a front-end developer at Elegant Brothers.
I also wrote content related to React technology.
Who is this course right for?
Programming beginner
javascript developer
Front-end developer
Anyone who wants to improve software quality
People interested in test-driven development
13,843
Learners
862
Reviews
586
Answers
4.8
Rating
9
Courses
수업 중 궁금한 사항은 질문 사항에 올려주세요.
매일 한 번씩 확인하고 답변 드리겠습니다.
All
19 lectures ∙ (1hr 11min)
All
96 reviews
4.8
96 reviews
Reviews 2
∙
Average Rating 5.0
5
김정환 님의 강의 덕분에 좋은 코드를 작성하는 게 어떤 것인지 감을 잡을 수 있었습니다. 저는 비전공자로 프로그래밍에 입문한 지 몇개월 안된 수강생입니다. 사람들이 항상 좋은 코드, 클린 코드 말하는 것만 듣고, 그게 정확히 어떤 것인지 감이 잘 안 잡혔습니다. 그러던 와중에 저의 멘토분께서 항상 TDD로 코딩 해보는 것을 추천해주셨습니다. 일을 매우 작은 단위로 추적하는 것을 습관화하는데 도움이 된다는 말과 함께요. 그래서 김정환 님의 강의를 찾아 들었습니다. 작은 단위로 생각하는 것과 더불어, 맨날 말로만 들었던 DRY 한 코드가 어떤 것인지 조금이나마 감을 잡게 된 것 같습니다. 이 강의 뿐만 아니라, 노드 TDD 개발이나 블로그에 써주시는 글도 너무 좋은 것 같습니다. 좋은 강의 자료 제공해주셔서 감사합니다.
강의, 블로그까지 찾아주시다니 고맙습니다.
Reviews 14
∙
Average Rating 5.0
5
아주 쉽게 TDD에 대해서 설명해주시네요 TDD에 대한 개념을 아주 쉽게 설명해 주셔서 재밌게 봤습니다. 만드시는 소스 스타일이 React나 Vue랑 비슷한거 같네요. 궁금한 점이 있습니다. 아직 ES6를 사용하지 못하는 프로젝트에서는 ES5로 변환해서 배포해야 할텐데 ES6에서 테스트한 코드는 ES5로 변환한 후에도 테스트에서 통과한 내용을 모두 보증할 수 있나요? 좋은 강의 감사합니다. 다른 강의도 유익하게 보겠습니다!
그렇지 않습니다 어플리케이션 코드와 버전을 맞추는 것이 좋습니다. es5로도 얼마든지 테스트 코드 작성할 수 있거든요.
Reviews 1
∙
Average Rating 4.0
Limited time deal ends in 5 days
$20,620.00
25%
$22.00
Check out other courses by the instructor!
Explore other courses in the same field!