분류 전체보기118 어댑터 패턴(Adapter Pattern) 예시 - 자바스크립트(JavaScript ES5 / ES6) 자바스크립트로 구현한 디자인패턴 중 어댑터 패턴을 번역하여 소개합니다. 문제상황과 그에 대한 해결방법을 객체지향적인 디자인패턴과 다르게 자바스크립트스럽게(?) 구현된 예제입니다.객체지향적으로 설계한 코드도 확인할 수 있습니다. 자세한 내용은 아래 원문을 참고해주세요. GitHub - Badacadabra/JavaScript-Design-Patterns: :paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some the:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some theory, real-world examples and UML diagram.. 2024. 5. 9. 싱글톤 패턴(Singleton Pattern) 예시 - 자바스크립트(JavaScript ES5 /ES6) 자바스크립트로 구현한 디자인패턴 중 싱글톤 패턴을 번역하여 소개합니다. 상황과 그에 대한 솔루션을 객체지향적인 디자인패턴과 다르게 자바스크립트스럽게(?) 구현된 예제입니다.객체지향적으로 설계한 코드도 확인할 수 있습니다. 자세한 내용은 아래 원문을 참고해주세요. JavaScript-Design-Patterns/GoF/idiomatic/Creational/Singleton at master · Badacadabra/JavaScript-Design-Patterns:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some theory, real-world examples and UML diagrams - Badacadabra/Jav.. 2024. 5. 9. 프로토타입 패턴(Prototype Pattern) 예시 - 자바스크립트(JavaScript ES5 /ES6) 자바스크립트로 구현한 프로토타입 디자인패턴을 번역하여 소개합니다. 상황과 그에 대한 솔루션을 객체지향적인 디자인패턴과 다르게 자바스크립트스럽게(?) 구현된 예제입니다.객체지향적으로 설계한 코드도 확인할 수 있습니다. 자세한 내용은 아래 원문을 참고해주세요. JavaScript-Design-Patterns/GoF/idiomatic/Creational/Prototype at master · Badacadabra/JavaScript-Design-Patterns:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some theory, real-world examples and UML diagrams - Badacadabra/JavaSc.. 2024. 5. 8. 팩토리 패턴(Factory Pattern) 예시 - 자바스크립트(JavaScript ES5/ES6) 자바스크립트로 구현한 팩토리 패턴을 번역하여 소개합니다. 상황과 그에 대한 솔루션을 전통적인 객체지향적 디자인패턴과 다르게 자바스크립트스럽게(?) 구현된 예제입니다.객체지향적으로 설계한 코드도 확인할 수 있습니다. 자세한 내용은 아래 원문을 참고해주세요. GitHub - Badacadabra/JavaScript-Design-Patterns: :paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some the:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some theory, real-world examples and UML diagrams - Bad.. 2024. 5. 7. 빌더 패턴(Builder Pattern) 예시 - 자바스크립트(JavaScript ES5 /ES6) 자바스크립트로 구현한 빌더 패턴을 번역하여 소개합니다. 상황과 그에 대한 솔루션을 객체지향적인 디자인패턴과 다르게 자바스크립트스럽게(?) 구현된 예제입니다.객체지향적으로 설계한 코드도 확인할 수 있습니다. 자세한 내용은 아래 원문을 참고해주세요. GitHub - Badacadabra/JavaScript-Design-Patterns: :paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some the:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some theory, real-world examples and UML diagrams - Badacada.. 2024. 5. 5. 추상 팩토리 패턴(Abstract Factory Pattern) 예시 - 자바스크립트(JavaScript ES5 /ES6) 자바스크립트로 구현한 추상팩토리 디자인패턴을 번역하여 소개합니다. 상황과 그에 대한 솔루션을 객체지향적인 디자인패턴과 다르게 자바스크립트스럽게(?) 구현된 예제입니다.객체지향적으로 설계한 코드도 확인할 수 있습니다. 자세한 내용은 아래 원문을 참고해주세요. JavaScript-Design-Patterns/GoF/idiomatic/Creational/AbstractFactory at master · Badacadabra/JavaScript-Design-Patterns:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some theory, real-world examples and UML diagrams - Badacadabra/.. 2024. 4. 10. 자바스크립트 디자인패턴(JavaScript Design Patterns) - ES5 / ES6 자바스크립트 디자인패턴을 찾아보다가 괜찮은 github 자료가 있어 번역하여 공유하고자 한다. 잘못된 번역이 있을 시 댓글 부탁드립니다. 자바스크립트로 구현한 GoF 패턴과 자바스크립트에서 자주 사용하는 패턴을 제공한다. 원문 링크는 아래 참조 https://github.com/Badacadabra/JavaScript-Design-Patterns GitHub - Badacadabra/JavaScript-Design-Patterns: :paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some the:paperclip: ES5 + ES6 + CoffeeScript + TypeScript design patterns with some.. 2024. 4. 10. 디자인 패턴(Design Pattern)이란? - 개념 및 종류 1. 개념 디자인 패턴은 소프트웨어 개발에서 자주 발생하는 문제를 해결하기 위한 재사용 가능한 해결책이다. 이러한 패턴들은 공통된 디자인 문제에 대한 해결책을 제공하며, 개발자들이 이러한 문제에 직면했을 때 쉽고 효과적으로 해결할 수 있도록 돕는다. 디자인 패턴은 주로 소프트웨어 설계와 구현에서 발생하는 문제를 해결하기 위해 개발되었다. 이러한 문제들은 코드의 유연성, 확장성, 유지보수성 등과 관련되어 있다. 디자인 패턴은 이러한 문제를 해결하기 위한 일련의 테스트된 솔루션을 제공하여 개발자들이 재사용할 수 있도록 한다. 2. 구성요소 디자인 패턴은 일반적으로 다음과 같은 구성 요소로 이루어져 있다. 이름(Name) 디자인 패턴은 특정한 문제를 해결하는데 사용되는 재사용 가능한 솔루션을 표현하는 이름을 .. 2024. 3. 17. [Design Pattern] MVC(Model-View-Controller) 패턴이란? 1. 개념 MVC (Model-View-Controller) 패턴은 소프트웨어 아키텍처 디자인 패턴 중 하나이다. 사용자 인터페이스를 개발할 때 널리 사용된다. 이 패턴은 애플리케이션을 세 가지 주요 구성 요소로 분리하여 각 요소가 독립적으로 변경될 수 있도록 한다. 2. 구성 요소의 역할 Model (모델) 모델은 애플리케이션의 데이터와 비즈니스 로직을 관리한다. 데이터의 변경, 유효성 검사, 데이터베이스 작업 등의 작업을 처리하며, 뷰나 컨트롤러와 직접적으로 상호작용하지 않는다. View (뷰) 뷰는 사용자 인터페이스를 나타낸다. 레이아웃과 화면을 처리한다. 데이터의 시각적인 표현을 담당하며, 사용자와의 상호작용을 처리하지 않는다. 대부분의 경우 모델의 상태를 표시하기 위해 사용되며, 모델의 변경 사.. 2024. 3. 16. 이전 1 2 3 4 ··· 14 다음 반응형