TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

디자인 패턴 배워서 저한테 도움이 되는 게 맞나요? 🤔

라고 질문하시는 분을 정말 많이 봤습니다. 저는 이렇게 답합니다.

네 모르고 사는 것보다는 도움이 됩니다!

저는 항상 "디자인 패턴은 배우는 게 아니다. 나의 코드를 최적화하다보면 저절로 디자인 패턴 모양이 된다"라고 말해왔습니다. 하지만 객체지향 개념과 class를 적극적으로 사용하지 않는 자바스크립트/타입스크립트 특성상 디자인 패턴을 적극적으로 사용하지 않는 분들을 많이 볼 수 있었습니다. 그래서 적어도 디자인 패턴이 어떤 것인지, 어떤 종류가 있는지 여러분들께 소개하려고 합니다.

이 강의를 보시면 여러분들이 이미 디자인 패턴 몇 가지를 쓰고 있다는 사실을 깨달을 수 있고, 디자인 패턴을 통해 코드를 이렇게 최적화할 수 있다는 사실도 알 수 있게 됩니다.

다양한 디자인 패턴이 있지만 전부 유용한 것은 아닙니다. 다만 서너 개의 유용한 디자인 패턴이 여러분의 코드 퀄리티를 바꿀 것입니다

디자인 패턴의 유용함, 간단한 예시를 보시죠!

이 강의의 특징

📌 본 강의에서는 GoF 책에 나오는 23가지 디자인 패턴과 그 외의 디자인 패턴을 JavaScript/TypeScript에 맞게 배워봅니다.

📌 디자인 패턴은 SOLID 원칙과 떼어놓을 수 없습니다. SOLID 원칙도 같이 소개합니다.

📌 실무와 유사한 예시를 위해 그림판을 HTML canvas API를 사용해 만들어봅니다(개발자도구 Debugger를 사용하는 꿀팁도 조금 들어있습니다!)

📌 타입스크립트로 진행되나, 자바스크립트에서의 차이점도 다룹니다(언어적인 특성 때문에 일부 디자인 패턴에서 차이가 있습니다)

이런 분들께 추천해요

수강 후에는

• 지금 내가 쓰고 있는 코드가 어떤 디자인 패턴인지 알게 돼요.

• 배운 디자인 패턴을 적용해서 현재 코드를 깔끔하게 리팩토링할 수 있어요.

• 다른 사람에게 코드를 설명할 때 구구절절 설명하는 대신 "이 디자인 패턴을 썼어요!"라고 간단하게 의사소통할 수 있게 돼요.

• 새로운 코드를 작성할 때 어떤 디자인 패턴을 쓰면 효율적일까 판단할 수 있게 돼요.

• 자바스크립트/타입스크립트 언어 특성을 사용해서 패턴을 보다 더 간단하게 만들 수 있어요

이런 내용을 배워요.

수강 전 참고 사항