JavaScript 디자인 패턴 학습, 제 2판

1장. 디자인 패턴 소개

이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: [e-mail]

좋은 코드는 이를 유지 관리할 다음 개발자에게 보내는 러브레터와 같습니다!

디자인 패턴은 코드를 구조화하기 위한 공통 어휘( )를 제공하므로 이해하기 쉽습니다. 또한 다른 개발자와의 연결 품질을 향상시키는 데 도움이 됩니다. 디자인 패턴에 대한 지식은 요구사항에서 반복되는 주제를 파악하고 이를 확실한 솔루션으로 매핑하는 데 도움이 됩니다. 비슷한 문제에 직면하여 이를 해결하기 위해 최적화된 방법을 고안한 다른 사람들의 경험을 활용할 수 있습니다. 이러한 지식은 유지 관리가 가능하도록 코드를 작성하거나 리팩토링할 수 있는 길을 열어주므로 매우 중요합니다.

서버에서든 클라이언트에서든 JavaScript는 최신 웹 애플리케이션 개발의 초석입니다. 이 책의 이전 버전에서는 JavaScript 맥락에서 널리 사용되는 몇 가지 디자인 패턴에 초점을 맞추었습니다. 수년에 걸쳐 JavaScript는 기능 및 구문 측면에서 언어로서 크게 발전했습니다. 이제 자바스크립트는 이전에는 지원하지 않았던 모듈, 클래스, 화살표 함수, 템플릿 리터럴을 지원합니다. 또한 많은 웹 개발자의 삶을 편하게 만들어준 고급 JavaScript 라이브러리와 프레임워크도 있습니다. 그렇다면 디자인 패턴은 최신 JavaScript 맥락에서 얼마나 관련이 있을까요?

전통적으로 디자인 패턴은 규범적이거나 언어에 국한되지 않는다는 점에 유의해야 합니다. 적합하다고 생각되면 적용할 수 있지만 반드시 그럴 필요는 없습니다. 데이터 구조나 알고리즘과 마찬가지로 JavaScript와 같은 최신 프로그래밍 언어를 사용하여 고전적인 디자인 패턴을 적용할 수 있습니다. 이미 추상화된 최신 프레임워크나 라이브러리에서는 이러한 디자인 패턴 중 일부가 필요하지 않을 수도 있습니다. 반대로 일부 프레임워크에서는 특정 패턴의 사용을 권장할 수도 있습니다.

이번 편에서는 패턴에 대해 실용적인 접근 방식을 취하고 있습니다. 특정 패턴이 특정 기능을 구현하는 데 적합한 이유와 최신 JavaScript 컨텍스트에서 패턴이 여전히 권장되는지 살펴볼 것입니다.

애플리케이션이 점점 더 인터랙티브해지고 대량의 JavaScript가 필요해지면서 성능에 부정적인 영향을 미친다는 비판이 끊임없이 제기되었습니다. 개발자들은 JavaScript 성능을 최적화할 수 있는 새로운 패턴을 지속적으로 찾고 있습니다. 이번 버전에서는 관련성이 있는 개선 사항을 중점적으로 다룹니다. 또한 React.js 시대에 점점 더 인기를 얻고 있는 React Hook 및 상위 컴포넌트와 같은 프레임워크별 패턴에 대해서도 논의할 것입니다.

한 걸음 거슬러 올라가 디자인 패턴의 역사와 중요성을 살펴보는 것부터 시작하겠습니다. 이 역사에 이미 익숙하다면 "패턴이란 무엇인가요?" 로 건너뛰고 계속 읽으셔도 됩니다.

디자인 패턴의 역사

디자인 패턴은 크리스토퍼 알렉산더라는 건축가의 초기 작업으로 거슬러 ...