개발을개발로할태니

https://meongae.tistory.com/97 [디자인 패턴] ES6로 구현하는 디자인 패턴 ※ 디자인 패턴 종류 ▶ 생성패턴 Constructor Factory Abstract Factory Prototype Singleton Builder ▶ 구조 패턴 Adapter Composite Module Decorator Facade Proxy FlyWeight Bridge ▶ 행동 패턴 Chain of Responsibility Command Observer Iter meongae.tistory.com JavaScript는 Object의 create() 메소드를 활용하여 손쉽게 구현 가능하다 const car = { noOfWheels: 4, start() { return `start ${this..

런타임 시에 객체에 동적으로 부가기능을 추가하는 패턴 let sale = new Sale(100); sale = sale.decorate('fedtax'); sale = sale.decorate('quebec'); sale = sale.decorate('money'); sale.getPrice(); function Sale(price) { this.price = price || 100; } Sale.prototype.getPrice = function() { return this.price; } //Sale.decorators = {}; Sale.prototype.decorate = function(decorators) { var F = function() {}, overrides = this.const..

https://www.dofactory.com/javascript/design-patterns/command JavaScript Command Design Pattern JavaScript Command The Command pattern encapsulates actions as objects. Command objects allow for loosely coupled systems by separating the objects that issue a request from the objects that actually process the request. These requests are called events an www.dofactory.com function add(x, y) { return ..

특징 - 간략화된 인터페이스 - 직접적인 접근 제약 여기서 주문하기를 한 주문자는 세부 내용을 몰라도 주문하기만 하면 실행할 수 있다 = 퍼사드 패턴

JPA 프레임 워크 Tier (티어) - client - presentatinon - business - peristent : Mybatis, JPA - legacy JPA = java persistence api 자바 영속성 API 이전엔 Hibernate 가 있었으나 자바에서 표준으로 받아들여서 내장화한게 JPA이다 Mybatis 는 xml로 빼서 쿼리를 요청하기 때문에 : SQL Mapping 프레임워크라고 본다 => @Mapper 처리해줌 JPA는 코드를 자동으로 만들어준다. JPA 는 interface 로 작성하면 되며, 내장된 함수에서는 @Repository 로 구현클래스가 구현되어있다.

행동/이벤트 카테고리에 들어감 -> 한 주제 객체의 상태가 바뀌면 다른 구독 중인 객체들에게 상태와 변경을 알림 1:N의 관계 느슨한 결합

s1 === s2

map() const fruits=['Apple','Banana','cherry']; console.log(obj); const obj=fruits.map(function(fruit,index){ return {id:index,name:fruit} }); ## 출력 {id: 0, name: 'Apple'}, {id: 1, name: 'Banana'}, {id: 2, name: 'cherry'} // 더 줄이기 const obj2 = fruits.map( (f,i) => ({id:i, name:f}); ); filter() const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words...

# css명령어 display속성 block 상자요소 inline 글자요소 none 보여짐특성없음, 화면에서 사라짐 [ex] -HTML A B C -CSS span{ background-color:skyblue; } .s1{ display:inline ; } # 순서없는목록 # 순서있는목록 [ex] 동물 기린 토끼 꽃 장미 튤립 # 스타일의종류 1 내부스타일 2 외부스타일 3 인라인스타일 4 @import스타일 [ex] 내부스타일 AAA HTML --> xxx.html CSS --> xxx.css JS --> xxx.js [ex] 외부스타일 -style1.css h1{ border:1px solid navy; background-color:orange; } -test.html AAA [ex] 인라인스타일..