Web 242

[Design Pattern] 7.Prototype Pattern

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..

Web/JavaScript 2023.11.17

[Design Pattern] 6. Decorator Pattern

런타임 시에 객체에 동적으로 부가기능을 추가하는 패턴 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..

Web/JavaScript 2023.11.16

JPA 프레임워크의 개념과 구조

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 로 구현클래스가 구현되어있다.

Web/spring 2023.11.12

[css] Selector

# 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] 인라인스타일..

Web/CSS 2023.10.31
728x90