728x90
반응형

design pattern 2

[Design Pattern] 행동 패턴(Behavioral Patterns) 🕵️‍♂️🎭

행동 패턴(Behavioral Patterns) 톺아 보기! 🎭“객체들이 서로 대화하고 협력하려면 어떤 규칙이 필요할까?”이번엔 행동 패턴(Behavioral Patterns)의 세계로 떠나볼게요.행동 패턴은 객체 간의 소통 방식과 책임을 분배하는 데 초점이 맞춰져 있어요. 프론트엔드에서 데이터 흐름, 이벤트 처리, 상태 관리와 관련된 많은 문제가 이 패턴들로 해결됩니다. 행동 패턴은 코드에서 “어떻게 하면 더 똑똑하게 협력할 수 있을까?”라는 질문에 답을 줍니다. 함께 살펴볼까요?🧩 행동 패턴이란?행동 패턴은 객체들이 어떻게 상호작용하고 책임을 나눌지 설계합니다.이 패턴들은 다음과 같은 목표를 가지고 있죠:객체 간 커뮤니케이션 단순화: 복잡한 상호작용을 추상화하여 깔끔한 구조 제공책임 분리: 각 객..

디자인 패턴 2025.01.17

[Design Pattern] Atomic Design🧪

아토믹 디자인(Atomic Design): 컴포넌트를 설계하는 새로운 패러다임 🧪복잡한 UI 개발, 어디서부터 시작해야 할지 막막했던 적 있으시죠? 디자이너와 개발자가 한 페이지에서 협업해야 할 때, 어디까지가 버튼이고, 어디부터가 폼인지 헷갈렸던 기억도 있을 겁니다. 이 혼란스러운 상황에 등장한 구조적 해결책이 바로 아토믹 디자인(Atomic Design)입니다. 아토믹 디자인은 디지털 제품을 구성 요소(Component) 단위로 나누고, 이를 기반으로 체계적인 UI를 설계할 수 있도록 돕는 디자인 메소드론입니다. 단순한 버튼 하나에서 거대한 페이지까지, 모든 UI를 논리적으로 쪼개고 재조립할 수 있는 디자인 시스템의 비밀 병기죠. 그럼, 이 신비로운 이름의 “아토믹 디자인”이 뭔지, 어떻게 활용할 ..

디자인 패턴 2025.01.02
728x90
반응형