Today I Learned🧤

프로그래밍 패러다임이란 프로그래머에게 프로그래밍의 관점을 갖게 해주는 역할을 하는 개발 방법론이다. 예를 들어, 객체 지향 프로그래밍은 프로그래머들이 프로그램을 상호 작용하는 객체들의 집합으로 볼 수 있게 하는 반면에, 함수형 프로그래밍은 상태 값을 지니지 않은 함수 값들의 연속으로 볼 수 있게 한다. 프로그래밍 패러다임은 크게 선언형과 명령형으로 나뉘고, 선언형은 함수형이라는 하위 개념을 가지며, 명령형은 객체 지향형과 절차 지향형으로 나뉜다. 선언형과 함수형 프로그래밍 선언형 프로그래밍(declarative programming)은 '무엇을' 풀어내는가에 집중하는 패러다임이다. 예를 들어, 화면에 웹 페이지를 나타내야 할 때, "어떤 방법"으로 페이지를 나타내는지에 집중하는 것이 아니라, 제목, 본문..

https://1eehyunji.tistory.com/entry/MVC-%ED%8C%A8%ED%84%B4 MVC 패턴 모델(Model), 뷰(View), 컨트롤러(Controller)로 이루어진 디자인 패턴이다. 애플리케이션의 구성 요소를 세 가지 역할로 구분해서 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발할 수 있다. 1eehyunji.tistory.com MVP, MVVM 패턴 모두 MVC 패턴에서 파생된 패턴이므로 MVC 패턴에 대한 지식이 선행되어야 한다! MVP(Model - View - Presenter) 패턴 MVC 패턴으로부터 파생되었고, MVC에서 C에 해당하는 Controller가 Present로 교체된 패턴이다. 그렇다면 이렇게 컨트롤러를 프레젠터로 변경해서 사용하는 이유는 ..

모델(Model), 뷰(View), 컨트롤러(Controller)로 이루어진 디자인 패턴이다. 애플리케이션의 구성 요소를 세 가지 역할로 구분해서 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발할 수 있다. 재사용성과 확장성이 용이하다는 장점이 있고, 애플리케이션이 복잡해질수록 모델과 뷰의 관계가 복잡해지는 단점이 있다. 모델(Model) 모델은 애플리케이션의 데이터인 데이터베이스, 상수, 변수 등을 뜻한다. 뷰에서 데이터를 생성하거나 수정하면 컨트롤러를 통해 모델을 생성하거나 갱신한다. 뷰(View) UI(User Interface) 요소를 나타낸다. 즉, 모델을 기반으로 사용자가 볼 수 있는 화면을 뜻한다. 모델이 가지고 있는 정보를 따로 저장하지 않아야 하며 단순히 화면에 표시하는 정보만 가지..

이터레이터 패턴 이터레이터 패턴은 이터레이터를 사용해서 컬렉션의 요소들에 접근하는 디자인 패턴이다. 이를 통해 순회할 수 있는 여러 가지 자료형의 구조와 상관없이 이터레이터라는 하나의 인터페이스로 순회가 가능하다. 자바스크립트에서의 이터레이터 패턴 const mp = new Map() mp.set('a',1) mp.set('b',2) mp.set('c',3) const st = new Set() st.add(1) st.add(2) st.add(3) for (let a of mp) console.log(a) for (let a of st) console.log(a) /* ['a',1] ['b',2] ['c',3] 1 2 3 */ 다른 자료구조인 Set, Map임에도 똑같은 for a of b라는 이터레이터..

https://1eehyunji.tistory.com/entry/%ED%94%84%EB%A1%9D%EC%8B%9CProxy-%EA%B0%9D%EC%B2%B4 프록시(Proxy) 객체 프록시 객체는 어떤 대상의 기본적인 동작(속성 접근, 할당, 순회, 열거, 함수 호출 등)의 작업을 가로채서 특별한 다른 동작(트랩)을 할 수 있게 하는 객체를 뜻한다. 자바스크립트에서 프록시 1eehyunji.tistory.com 앞서 작성했던 글의 프록시 객체는 디자인 패턴 중 하나인 프록시 패턴의 개념이 녹아들어 있는 객체이다. 프록시 패턴은 대상 객체에 접근하기 전 그 접근에 대한 흐름을 가로채서 대상 객체 앞단의 인터페이스 역할을 하는 디자인 패턴이다. 즉, 어떤 대상 객체에 접근하고자 할 때 해당 객체를 직접적으로..

옵저버 패턴은 주체가 어떤 객체의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해서 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴이다. 여기서 '주체'는 객체의 상태 변화를 지켜보고 있는 관찰자이며, '옵저버'들이란 이 객체의 상태 변화에 따라 전달되는 메서드 등을 기반으로 '추가 변화 사항'이 생기는 객체들을 의미한다. 옵저버 패턴은 주체와 객체를 따로 두지 않고 상태가 변경되는 객체를 기반으로 구축하기도 한다. 이러한 옵저버 패턴을 활용한 대표적인 서비스로는 '트위터'가 있다. 트위터는 주체(이 경우엔 상태가 변경되는 객체)가 새로운 트윗을 올리면 주체의 팔로워들에게 새로운 트윗이 올라왔다는 알람을 전송한다. 옵저버 패턴은 주로 이벤트 기반 시스템에 사용하고, MVC(..

객체의 행위를 바꾸고 싶은 경우 '직접' 수정하지 않고 전략이라 부르는 '캡슐화한 알고리즘'을 컨텍스트 안에서 바꿔주면서 상호 교체가 가능하게 만드는 패턴이다. *컨텍스트 : 상황, 맥락, 문맥을 의미하며 개발자가 어떤 작업을 완료하는 데 필요한 모든 관련 정보 예시) 동일 계열의 알고리즘(걷거나 뛰는 등의 이동 방식 계열)을 정의하고, 이들을 'Move Strategy'라는 이름으로 캡슐화해서 이들 사이의 상호 교환이 가능하도록 한다. 즉, 걸어가던 물체가 뛰어가기도 하고, 뛰어가던 물체가 날아가기도 하게끔 이동 전략을 변경할 수 있도록 하는 것이다. Robot 이라는 추상 클래스를 선언해서, 걷기 로봇(WalkingRobot), 뛰기 로봇(RunningRobot), 날기 로봇(FlyingRobot) ..

객체를 사용하는 코드에서 객체 생성 부분을 떼어내 추상화한 패턴이자, 상속 관계에 있는 두 클래스에서 상위 클래스가 중요한 뼈대를 결정하고, 하위 클래스에서 객체 생성에 관한 구체적인 내용을 결정하는 패턴이다. 상위 클래스와 하위 클래스가 분리되기 때문에 느슨한 결합을 가지고, 상위 클래스에서는 인스턴스 생성 방식에 대해 알 필요가 없기 때문에 더 많은 유연성을 가지게 된다. 그리고 객체 생성 로직이 따로 떼어져 있기 때문에 코드를 리팩토링하더라도 한 곳만 고칠 수 있게 되어 유지 보수성이 증가한다. 예를 들어, 라떼 레시피와 아메리카노 레시피, 우유 레시피라는 구체적인 내용이 들어있는 하위 클래스가 있고, 상위 클래스인 바리스타 공장에서 이 레시피(하위클래스)들을 토대로 상품을 생산하는 생산 공정을 생..

하나의 클래스에 오직 하나의 인스턴스만을 가지는 패턴이다. 자바스크립트에선 단순하게 리터럴 {} 만으로도 싱글톤 패턴을 만들 수 있다. const obj = { a:27 } const obj2 = { a:27 } console.log(obj==obj2) //false 리터럴로 객체를 생성하게 되면 다른 어떤 객체와도 같지 않기 때문에 같은 내용을 가지더라도 obj와 obj2는 서로 다른 인스턴스를 가진다. 하지만, 이렇게 구현하면 비공개 상태나 비공개 함수를 정의할 수 없기 때문에 다음과 같은 방식으로 싱글톤 패턴을 구성한다. Class Singleton { // constructor(생성자) // class 객체의 초기값 설정 // class 내부에서는 한 개만 존재할 수 있고 2번 이상 사용하면 Sy..

S Single Resposibility Principal(단일 책임의 원칙) : 어떤 클래스 한 개는 하나의 책임만 가진다. 예를 들어, Class ADD { // 더하기 기능을 제공할 책임만 가져야 함 // 빼기, 더하기 등등 부가적으로 제공하면 SRP를 위반함 } O Open Close Principal(개방 폐쇄의 원칙) : 개방에는 open되어 있고, 수정에는 close되어 있어야 한다. 예를 들어, A.class를 만들어서 테스트하고 서비스도 하고 있음. 이러한 상황에서 A.class를 기능 보완을 하고 싶을 때 A.class를 고치는 것이 아니라, 새로운 클래스를 만들어서 새 클래스에서 기능 보완을 해야 한다. 즉, 기존에 있는 클래스를 손대지 않고(수정에는 close), 새로운 클래스를 만..