스택큐힙리스트

왜 둘을 헷갈릴까?두 패턴 모두 ‘겉’만 바꿔서 클라이언트를 편하게 해 준다는 공통점이 있다. 하지만 목표가 다르다.Adapter : 기존 클래스 한두 개의 인터페이스만 변환해 호환성을 맞춘다. 스마트폰 C-타입 젠더처럼 “맞지 않는 잭”을 바꿔 끼우는 느낌.Facade : 여러 서브시스템을 하나의 단순한 인터페이스로 감싼다. 건물 정면(façade)만 보이게 해서 내부 배선을 숨기는 전략.핵심 차이, 한눈에 정리의도Adapter : “인터페이스 호환 안 되는데?” → 변환기 추가.Facade : “인터페이스가 너무 많아 복잡해!” → 정면 하나로 통합.스코프Adapter는 보통 단일 객체를 래핑한다.Facade는 여러 객체 혹은 모듈을 한데 묶는다.영향 범위Adapter 뒤에는 클래스 한두 개만 숨어 ..

낡은 인터페이스 때문에 새 코드가 발목 잡힐 때, Adapter 패턴은 “변환 잭”처럼 두 세계를 연결해 줍니다. 아이폰 충전기에 C-타입 젠더를 꽂아 갤럭시를 충전하듯, 호환되지 않는 객체를 한 번에 맞춰 주는 것이죠.1. Adapter 패턴 한눈에 보기목적 : 기존 코드를 수정하지 않고도 서로 다른 인터페이스를 호환.역할Target : 클라이언트가 원하는 인터페이스Adaptee : 그대로 두고 싶은 레거시 객체Adapter : 둘을 이어 주는 중간 변환기대표 사례 : JDBC 드라이버가 각 DB를 단일 인터페이스로 묶는 방식2. 언제 쓰면 좋은가?레거시 API 교체가 어렵다 : 기존 라이브러리 메서드 시그니처가 바뀌기 힘든 경우서드파티 SDK 통합 : 외부 모듈이 내 코드 스타일과 맞지 않을 때다중 ..

GoF 구조 패턴(Structural Patterns) 중 Adapter와 Facade는 ‘낡은 인터페이스’와 ‘복잡한 서브시스템’을 한 번에 다루는 만능 열쇠다. 1️⃣ 왜 구조 패턴이 필요한가?Adapter 패턴은 ‘호환되지 않는 인터페이스’를 일치시켜 기존 코드를 재사용하게 해 준다. 특히 프론트엔드에서 백엔드 응답 형태가 제각각일 때 효과가 크다.Facade 패턴은 복잡한 하위 시스템을 단일 진입점으로 숨겨, 클라이언트 코드(컨트롤러·서비스·컴포넌트)의 결합도를 낮춘다.2️⃣ React에서 Adapter로 API 데이터 ‘갈아입히기’// src/adapters/userAdapter.tsexport interface UserDTO { id: string; name: string; avatarU..