profile
개발 공부 중

[7장] Adapter Pattern(어댑터 패턴)과 Facade Pattern(퍼사드 패턴)

객체 어댑터: Composition으로 Adapter에게 요청을 전달어댑터 클래스와 그 서브 클래스에 대해서도 어댑터 역할 가능Composition을 사용하여 유연함클래스 어댑터: Target와 Adatper 모두 서브클래스로 만들어서 사용특정 어댑터 클래스에만 적용할

2022년 7월 11일
·
0개의 댓글
·

[6장] Command Pattern(커맨드 패턴)

커맨드 객체는 일련의 행동을 특정 리시버와 연결함으로써 요청을 캡슐화Client: 커맨드 객체 생성, 리시버 설정 ex) 고객Command 객체: execute() 메서드 호출로 수행, 특정 작업을 처리하라는 지시 전달 ex) 주문서execute(): 리시버에 있는 특

2022년 7월 11일
·
0개의 댓글
·

[5장] Singleton Pattern( 싱글턴 패턴 )

고전적인 싱글턴 패턴 구현=> 자원을 많이 차지하는 것을 방지(오버헤드 방지), 필요할 때만 사용 가능문제점: 멀티스레딩 문제 발생 => 동시에 실행되었을 때,인스턴스가 생성되었는지 모르고 2개의 인스턴스를 생성하게 됨해결방안1) getInstance의 속도가 그리 중

2022년 7월 10일
·
0개의 댓글
·

[4장] Factory Pattern (팩토리 패턴)

Factory Pattern ( 팩토리 패턴 ) : 객체를 생성할 때 필요한 인터페이스를 만듬, 어떤 클래스의 인스턴스를 만들지 서브클래스에서 결정 Factory : 객체를 생성하는 클래스 OO 원칙 : 추상화된 것에 의존하게 만드록, 구상 클래스에 의존하지 않게

2022년 7월 10일
·
0개의 댓글
·

[3장] Decorator Pattern (데코레이터 패턴)

OO 원칙: 클래스는 확장에는 열려있어야 하지만, 변경에는 닫혀있어야 한다.슈퍼클래스 Beverage에 여러 개의 커피 메뉴 클래스를 상속으로 추가할 경우, 많은 수의 상속 관계가 발생하는 문제점이 있음따라서 음료에 여러 첨가물들을 장식(데코레이트)하는 방법으로 구현변

2022년 7월 10일
·
0개의 댓글
·

[2장] Observer Pattern(옵저버 패턴)

Subject에서 중요한 데이터를 관리하고, Subject의 상태가 변화하면 Observer에서 소식이 전해짐, Observer은 Subject를 구독하고 있으며 갱신 내용을 전달 받음OO 원칙:상호작용하는 객체 사이에는 가능하면 느슨한 결합을 사용해야 한다. 느슨한

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

[1장] Strategy Pattern(전략패턴)

OO 기초추상화: 불필요한 정보를 생략하고 중요한 것에 중점을 두어 모델링하는 것캡슐화: 외부에서의 접근을 제한하기 위해 인터페이스를 제외한 세부 정보를 은닉하는것다형성: 하나의 메시지에 대해 각각의 객체가 가지고 있는 고유한 방법으로 응답할 수 있는 능력상속: 상위클

2022년 7월 10일
·
0개의 댓글
·

[FrontEnd] Vue Excel 기능

목표: vue에서 버튼을 클릭할 때, 원하는 테이블을 엑셀로 다운로드 하도록 구현npm을 이용하여 설치npm install --save xlsxyarn add xlsxhtml 클릭 및 테이블 구현Vue 구현결과: 웹사이트에서 보여주는 테이블의 내용을 똑같이 엑셀 파일에

2022년 7월 7일
·
0개의 댓글
·

[FrontEnd] 팝업창 구현

처음엔 모달창으로 만들려고 했으나 기존의 윈도우 위에 생기고, 기존 창에 접근할 수 없음기존의 창과 구분되는 새로운 창이 열리도록 해야함 window.open을 사용window.open('path','popup창 이름', '화면 크기 및 위치'): 새로운 창을 띄움pa

2022년 6월 26일
·
0개의 댓글
·

[FrontEnd] vue 백엔드 통신을 통한 리스트 구현

: 백엔드와 통신하여 데이터베이스에 저장된 값을 받아 리스트로 저장한 뒤, 값을 화면에 출력백엔드 통신 : axios를 이용하여 백엔드와 통신한다. 백엔드의 경로에 접근하여 원하는 데이터를 받아서 저장한다. 이때, 화면에 항상 출력해주기 위해서 값을 받아야하므로 해당

2022년 6월 26일
·
0개의 댓글
·

[FrontEnd] Vue v-if, v-for

조건에 따라 블록을 렌더링v-if의 내용이 true일 때만 렌더링되어 화면에 출력여러 개의 조건을 달아 원할 때만 렌더링 가능v-if와 동일하나 v-show는 항상 렌더링 되고 dom에 남아있고, 조건에 따라 css의 display속성만 변경배열을 기반으로 리스트를 렌

2022년 6월 22일
·
0개의 댓글
·

[FrontEnd] Vue Component, Header 생성

component : 화면을 구성하는 블록들, 일반적으로 header, content, footer로 구성component 등록방법전역 컴포넌트: 특정 인스턴스에서만 사용 가능지역 컴포넌트 : 여러 인스턴스에서 공통으로 사용vue 구성export default 구조

2022년 6월 21일
·
0개의 댓글
·

[FrontEnd] Vue 라우팅 & 백엔드 통신

npm 사용시npm install vue-routeryarn 사용시yarn add vue-routersrc/router: 라우팅을 위한 디렉토리 생성src/router/index.js: vue 컴포넌트를 import한 뒤 경로를 설정main.js: router.js 폴

2022년 6월 19일
·
0개의 댓글
·

[FrontEnd] Vue 프로젝트 생성

Vue를 설치하기 위해서는 먼저, Node.js와 npm이 설치되어 있어야 함. mac os -> homebrew 설치가 되어있을 때brew updatebrew install nodenode -vnpm -vyarn도 설치brew install yarn --ignore-

2022년 6월 19일
·
0개의 댓글
·