이 글은 velog에서 정리한 내용을 다시 한 번 정리한 글입니다.MVVM 패턴1. 개념Model-View-ViewModel의 약자MVVM 패턴은 주로 사용자 인터페이스를 개발하는 데 사용되며, 특히 웹 애플리케이션과 모바일 애플리케이션에서 자주 쓰이는 패턴MVC의 C에 해당하는 컨트롤러가 뷰모델(View model)로 바뀐 패턴데이터 바인딩(Data Binding)을 활용하여 ViewModel과 View를 연결주로 자바스크립트 프레임워크인 Angular, Vue.js, Rect 등에서 사용2. 주요 구성 요소Model(모델)데이터와 비즈니스 로직을 관리하는 역할주로 데이터베이스와 통신하여 데이터를 가져오거나 저장하는 역할View(뷰)사용자 인터페이스를 표현하는 역할사용자에게 데이터를 보여주고 사용자 입..

노출모듈 패턴1. 노출모듈 패턴이란?즉시 실행 함수를 통해 private, public 같은 접근제어자를 만드는 패턴주로 자바스크립트에서 사용되며, 객체 지향 프로그래밍과 모듈화 적용 시 유용여러 개의 모듈이 있을 때, 각 모듈마다 자체적인 비공개(private) 멤버와 공개(public) 멤버를 가질 수 있도록 설계모듈 간의 상호작용을 관리하고, 모듈 간의 결합도를 낮추어 유연하고 재사용 가능한 코드를 작성할 수 있다.자바스크립트는 private나 public 같은 접근 제어자가 존재하지 않고 전역 범위에서 스크립트 실행그렇기 때문에 노출 모듈 패턴을 통해 private나 public 같은 접근 제어자 구현 a와 b는 다른 모듈에서 사용할 수 없는 변수나 함수이며, private의 범위를 가짐c는 다른..

디자인 패턴과 프로그래밍 패러다임라이브러리 vs 프레임워크라이브러리공통으로 사용될 수 있는 특정한 기능을 모듈화 한 것을 의미폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다.무언가를 자를 때 도구인 가위를 사용해서 내가 직접 컨트롤하는 것프레임워크공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미폴더명, 파일명 등에 대한 규칙이 있으며 라이브러리에 비해 좀 더 엄격하다.다른 곳으로 이동할 때 도구인 비행기를 타고 이동하지만 비행기가 컨트롤 하는 것싱글톤 패턴(singleton pattern)하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴. 보통 데이터베이스 연결 모듈에 많이 사용된다.전역 변수를 사용하지 않고 객체를 하나만 생성하도록 하며, 생성된 객체를 어디에서든지 참조할..