즐겁게 살고 싶은 개발자

데코레이터 패턴1. 스타벅스초창기 스타벅스스타벅스 시스템 개선여전히 문제는 존재한다2. 데코레이터 패턴2.1 스타벅스 클래스 구성도2.2 소스코드2.2.1 추상 클래스2.2.2 음료 클래스2.2.3 첨가물 클래스2.2.4 주문 코드2.3 데코레이터 패턴 단점3. 자바 I/O와 데코레이터 패턴데코레이터 패턴비교적 배우기 쉬운 패턴상속을 남용하는 전형적인 예를 살펴보고, 실행중에 클래스를 꾸미는(데코레이션) 방법을 배워봅시다.데코레이터 패턴은 말 그대로 객체를 이렇게 저렇게 꾸미는 패턴입니다1. 스타벅스스타벅스의 커피는 메뉴도 다양하고 고객의 기호에 따라 메뉴를 커스터마이징(두유 변경, 샷 추가, 휘핑 추가, 스팀밀크 추가 등)을 할 수 있습니다.이런 스타벅스 커피 시스템을 코드로 구현해봅시다.초창기 스타벅..

옵저버 패턴1. 기상 모니터링 애플리케이션 개요2. 옵저버 패턴을 본격적으로 배워보자2.1 옵저버 패턴 클래스 다이어그램2.2 느슨한 결합에 대하여3. 다시 기상 스테이션 시스템을 구현해보자3.1 다이어그램3.2 인터페이스 소스 코드3.2.1 Subject3.2.2 Observer3.2.3 DisplayEelement3.3 구현 코드3.3.1 WeatherData 3.3.2 Display 항목3.3.3 Main 소스4. Java Observer4.1 자바 내장 옵저버 패턴 작동 방식4.2 Observer 객체 만드는 방법4.3 Observable에서 Observer 객체에게 데이터 전달 하는 방법4.4 Observer가 데이터를 전달 받는 방법4.5 setChanged() 메소드?4.6 자바 내장 옵저버..

2월 중간점검 이후로 운동강도를 늘리고 단백질 섭취량도 늘렸다. 점진적 과부화원리를 생각하면서 이전 보다 한 두개씩 갯수를 늘리기위해 열심히 운동했다. 그렇게 운동을하고 5주가 지난 뒤 다시 인바디를 측정했는데, 체지방량만 늘었다. 결과를 보고 충격을 먹었다. 유전자 탓을 하며, 거의 3주가량 운동을 쉬었다. 그리고 유튜브에서 어떤 운동영상을 보고 내가 운동을 잘못했구나, 라는 생각이 들어서 다시 마음을 다잡고 운동을 재시작했다. 핵심은 결국 "자극" 이다. 난 충분히 자극을 느끼면서 운동을 했다고 생각했는데, 전혀 아니었다. 생각해보니 그 동안 운동을 마치고 어떤 펌핑감이라던가, 다음날 근육통이 전혀 없었던 것 같다. 그냥 힘들게 노동만 했던것이다... 다시 처음으로 돌아가서, 운동할 때 해당 부위에 ..

스트래티지 패턴(strategy pattern) 이란?1. 일반 객체지향 기법으로 구현을 했을 때의 문제1-1. 간단한 오리 연못 시뮬레이션 게임을 만들어보자1-2. 요구사항의 변경이 생겼다.1-3. 그런데 심각한 문제가 발생했다. (문제1)1-4. Duck 클래스의 단점2. 인터페이스 활용2-1. 상속대신 인터페이스를 사용한다면?2-2 이 또한 문제다. (문제2)3. 문제 파악 하기3-1 행동 디자인4. 행동기반의 Duck 클래스4-1 MallardDuck4-2 동적인 Duck 클래스 5. 정리5-1. 이제 다시 스트래티지 패턴의 정의를 읽어보자. 스트래티지 패턴(strategy pattern) 이란?스트래티지 패턴에서는 알고리즘군 을 정의하고 각각을 캡슐화하여 교환해서 이용할 수 있도록 만든다.스트래..

1. 뷰 템플릿2. 데이터 바인딩 (Data Binding)3. 자바스크립트 표현식4. 디렉티브5. 이벤트 처리 (v-on)6. 고급 템플릿 기법 (computed, watch)6-1 computed 속성6.2 watch 속성6.3 computed 와 watch 속성의 차이1. 뷰 템플릿뷰 템플릿은 HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성라이브러리 내부적으로, 가상 돔 기반의 render() 함수로변환변환된 render() 함수는 최종적으로 사용자 화면에 표시변환 과정에서 뷰의 반응성(Reactivity)이 화면에 더해짐JSX 기반의 render() 함수에 더 익숙한 리액트 개발자라면 템플..

1. 뷰 라우터2. 뷰 라우터 실습2.1 뷰 라우터 기초2.2 중첩 라우터 (Nested routes)2.3 네임드 라우터 (Named Routes)2.4 네임드 뷰 (Named View)1. 뷰 라우터라우팅(Routing) 이란?원래는 네트워크에서 사용되는 용어로, 어떤 네트워크 안에서 통신 데이터를 보낼 최적의 경로를 선택하는 과정을 뜻함웹에서의 라우팅웹 페이지 간의 이동 방법을 뜻함예시브라우저 URL을 입력하면 해당 페이지로 이동링크를 클릭하면 해당 페이지로 이동뒤로가기를 누르면 히스토리의 이전 페이지로 이동 뷰 라우터 Vue.js의 공식 라우터Vue.js 코어와 긴밀하게 연결되어 SPA를 쉽게 구축 할 수 있음화면 간의 이동 시, 깜빡거림 없이 매끄럽게 전환 주요 기능Nested route/vie..

1. 컴포넌트2. 컴포넌트 등록2.1 전역 컴포넌트 등록2.2 지역 컴포넌트 등록2.3 지역컴포넌트와 전역컴포넌트 동작 비교3. 컴포넌트 통신3.1 부모 → 자식 컴포넌트로 데이터 전달 (props)3.2 자식 → 부모 컴포넌트로 데이터 전달 (v-on, $emit)3.3 부모 ↔ 자식의 관계가 아닌 컴포넌트 통신 (이벤트버스)1. 컴포넌트컴포넌트는 Vue의 가장 강력한 기능 중 하나기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화 하는데 도움뷰컴포넌트는 뷰인스턴스이기도 하기 때문에, 모든 옵션 객체와 라이프사이클 훅 사용 가능 2. 컴포넌트 등록컴포넌트를 등록하는 방법은 두 가지가 있음전역 등록: 특정 인스턴스에서만 사용 가능지역 등록: 뷰로 접근 가능한 모든 범위 사용 가능 2.1 전역 ..