Dev

1. 추상 팩토리 패턴(Abstract Factory Pattern)이란? 서로 관련있는 여러 객체를 만들어주는 인터페이스 구체적으로 어떤 클래스의 인스턴스를(concrete product)를 사용하는지 감출 수 있다. 팩토리를 추상화된 형태(인터페이스, abstract 등) 구체적인 펙토리에서 구체적인 인스턴스를 만드는 것은 팩토리 메소드 패턴과 굉장히 유사하다. 추상 팩토리 패턴의 목적? - 클라이언트 코드(팩토리에서 인스턴스를 생성해서 사용하는 코드)를 인터페이스 기반으로 활용할 수 있도록 제공 팩토리 쪽에만 집중하면 팩토리 메소드 패턴과 유사하지만, 클라이언트에서 추상 팩토리를 어떻게 사용하는지에 대한 관점으로 접근해야 목적과 차리점을 이해하기 쉽다. 2. 코드로 알아보는 추상 팩토리 패턴 요구사..

1. 이터레이터 패턴(Iterator Pattern)이란? 집합 객체 내부 구조를 노출시키지 않고 순회하는 방법을 제공하는 패턴 집합 객체를 순회하는 클라이언트 코드를 변경하지 않고 다양한 순회 방법을 제공할 수 있다. 우리에게 익숙한 Iterator 인터페이스가 가장 대표적인 이터레이터 패턴이 적용된 예시이다. 어떤 경우에 필요하고, 어떻게 적용할 수 있는지 예제로 살펴보자. 2. 코드로 알아보는 이터레이터 패턴 필요한 상황 클라이언트 요구사항은 다음과 같다. 1. 게시판에 글을 적고 싶어요. 2. 게시글을 최근글, 작성순으로 정렬해서 볼 수 있으면 좋겠어요. 2-1. 패턴 적용 전 코드 먼저 게시글(Post)을 표현한 인스턴스부터 만들어보자. @Getter @Setter public class Pos..

1. 플라이웨이트 패턴(Flyweight Pattern)이란? 객체를 가볍게 만들어 메모리 사용을 줄이는 패턴 공통으로 사용하는 클래스(Flyweight)를 생성하는 팩토리 클래스(FlyweightFactory)를 만들어, 인스턴스를 최초 1개만 생성하고 공유하여 재사용할 수 있도록 하는 구조 패턴이다. 자주 변하는 속성(= 외적인 속성, extrinsit)과 변하지 않는 속성(= 내적인 속성, intrinsit)을 분리하고 재사용하여 메모리 사용을 줄인다. 1-1. 구조 Flyweight 공유에 사용할 클래스 (또는 API) FlyweightFactory Flyweight 인스턴스를 생성 또는 공유 (공장 역할) Client Flyweight 인스턴스를 필요로 하는 클라이언트 1-2. 언제 활용될까 공..

javascript의 리팩터링이 필요해서 click(), bind() 등을 on() 메소드로 변경하고 있던 중, hover() 메소드에 대해 공부한 내용을 정리한다. hover()는 jQuery API중 마우스 이벤트 메소드 중 하나이다. 위에 Gif처럼 마우스를 특정 Element 위에 올리면 발생하게되는 이벤트를 제어할 수 있다. 문법은 다음과 같다. $(jqeuryElement).hover(콜백함수) 만약 제이쿼리를 사용하지 않는 경우 순수 javascripte 의 mouseenter 그리고 mouserleave 로 구현할 수 있다. 요구사항 이미지 미리보기 버튼에 마우스를 올리면 미리보기 이미지를 띄우고, 마우스가 벗어나면 사라지는 요구사항이 있다. hover() 메소드를 활용하면 다음과 같이 구..

1. 데코레이터 패턴(Decorator Pattern)이란? 기존 코드를 변경하지 않고 부가 기능을 동적으로(유연하게) 추가하는 패턴 상속이 아닌 위임을 사용해서 보다 유연하게(런타임에) 부가 기능을 추가하는 것도 가능하다. 1-1. 구조 Component (Interface) ConcreteComponent와 Decorator가 이를 구현하고 있다. 같은 오퍼레이션을 가지고 있다. Decorator 컴포짓 패턴의 Composite과 비슷해보이지만 차이점이 있다. Decorator는 단 하나의 wrappee라고 하는 Component 타입의 인스턴스 타입을 가지고 있다. 자신이 감싸고 있는 하나의 Component를 (오퍼레이션 내부에서) 호출하면서 호출 전/후로 부가적인 로직을 추가할 수 있다. 1-2..

문제 상황 intelliJ에서 연동해두었던 프로젝트에 Push를 했더니, 왜 때문인지 인증 에러가 발생했다. 원인 Github에 Push를 시도하면 인증이 되어있는지 확인하는데, 기존 인증이 끊겨서 발생한다. 인증이 끊기는 이유는 몇 가지 있다. 예를 들면, 비밀번호를 바꾸거나 access token이 만료된 경우이다. 필자가 해당 에러를 만난 원인은 token이 만료된다는 메일을 받아, token 정보를 변경하여서 인증이 끊겼다. 참고로, Github 블로그에 따르면 2021년 8월 13일부터 password 기반 인증을 더 이상 지원하지 않는다고 하니 personal access token으로 로그인하는 습관을 익혀두는 게 좋겠다. personal access tokens(이상하지만 Github는 P..

1. 어댑터 패턴(Adapter Pattern)이란? 서로 다른 인터페이스를 사용할 수 있도록 바꿔줌으로써 기존 코드를 재사용 한다. 110V용 코드를 220V용 콘센트에 꼽을 수 있도록 해주는 중간 어댑터 기존 코드를 클라이언트가 사용하는 인터페이스의 구현체로 바꿔주는 패턴 구성요소 클라이언트는 항상 Target 인터페이스만 사용하는 형태 Adaptee에 해당하는 클래스(ex. 한국에서 미국으로 들고온 한국 냉장고) Target과 Adaptee 사이를 이어주는 Adapter 2. 적용 전 코드 security 패키지에서 제공하는 클래스들 (공통 Utils) UserDetails username과 password 정보를 알아낼 수 있는 인터페이스 Target에 해당 public interface User..

1. 빌더 패턴이란? 생성과 관련된 디자인 패턴으로, 동일한 프로세스를 거쳐 다양한 구성의 인스턴스를 만드는 방법 1-1. 정의(Definition) GoF 디자인 패턴 중 생성 패턴에 해당한다. 빌더 패턴은 복잡한 객체를 생성하는 클래스와 표현하는 클래스를 분리하여, 동일한 절차에서도 서로 다른 표현을 생성하는 방법을 제공한다. 생성해야하는 객체가 Optional한 속성을 많이 가질 때 더 좋다. 2. 해결하고자 하는 문제 빌더 패턴은 생성과 관련된 어떤 문제를 해결하려고 했을까? 결론부터 이야기하면, 객체를 생성할 때 생성자(Constructor)만 사용할 때 발생할 수 있는 문제를 개선하기 위해 고안됐다. 이전에 알아본 생성 패턴과 비교하자면, 팩토리 메소드 패턴이나 추상 팩토리 패턴에서는 생성해야..

Home/End 키가 쉽게 익숙해지지 않는다. Mac은 Home/End 동작이 페이지의 최상단/최하단으로 이동하게 된다. 이렇게 이동하는 방법을 전혀 사용하지 않았기 때문에 오히려 불편했다. 문장 맨 처음, 맨 마지막으로 이동하려면 ⌘ + ← 와 ⌘ + → 키를 통해 이동해야한다. 잘 쓰고 있지만, 타이핑을 빨리 하다보면 습관적으로 Home/End를 눌러서 아래와 같은 상황이 종종 발생했다. 한 줄 지우려다, 페이지가 날아간다. 키를 매핑해보자 Karabiner-Elements 다운로드 후 실행 Preferences → Complex modifications → Rules 탭 → Add rule 클릭 Import more rules from the Internet 클릭 외부 페이지에서 PC-Style S..

Capslock 한/영 전환 딜레이가 화가난다 맥북을 쓰면서 키 매핑 적응은 어렵지 않았지만 Capslock 으로 한영을 전환할 때, 키가 씹히는 현상은 적응이 안된다. 타이핑을 조금만 빨리하면 무조건 씹힌다. 이유는 Capslock 키가 한/영 전환과 Capslock, 2가지 기능 제공하기 때문에 키가 눌렸을 때 인식하기 위한 시간을 주어 딜레이가 걸리지 않나 싶다. 어떻게 해결할 수 있을까 딜레이 없이 쓰기 위해 다음과 같은 방법이 있다. 1. Shift + Space bar 2. Capslock 고유 기능 제거 3. 우측 Command 한영키 기능 매핑 나는 3번째 Karabiner-Elements 프로그램을 통해 Windows와 동일하게 우측 Command 키를 한영키로 매핑하려고 한다. 우측 C..