728x90 분류 전체보기163 [장기효(캡틴판교) - Vue.js 시작하기] 0. 개발 환경설정 출처 : 인프런의 장기효(캡틴판교)님의 강좌 / Vue.js 시작하기 - Age of Vue.js - Chrome - Visual Studio Code - Node.js - Vue.js Devtools 을 설치한다. Visual Studio Code 의 유용한 plug-in 목록이다. 전부 설치한다. - Vetur - Night Owl - Material Icon Theme - Live Server - ESLint - Prettier - Auto Close Tag - Atom Keymap Visual Studio Code( 이하 VSCode ) 에서 소스를 열고, 배경을 우클릭한 후에 Open with live Server를 누르면 화면으로 볼 수 있다. 브라우저에서 F12를 누른후에 Vue 탭에 들어가.. 2021. 1. 23. WEB에서 DOM 이란? DOM은 Document Object Model의 약자이다 우리가 보는 WEB은 문자열로 된 document, 즉 문서를 번역한 것이다. javaScript를 통해 이 문서(문자열중 일부)를 조작 하므로써 WEB에서 보이는 UI 혹은 데이터를 조작할 수 있는 것이다. 2021. 1. 21. [Java 언어로 배우는 디자인 패턴 입문] 클래스로 표현하기 22. Command 출처 : 책 - java 언어로 배우는 디자인 패턴 입문 22. Command - 명령을 클래스로 표현하기 1. 목적 - 말 그대로 메소드들의 실행들을 묶어 명령 클래스로 만든다. - 장점 : 명령을 하나의 물건처럼 표현한다. 명령의 묶음 클래스가 존재하며, 명령 클래스의 수정없이 새로운 명령 클래스2를 추가해 명령을 늘릴 수 있다. ( OCP 부합 ) - 역할 Client - Main 클래스( Invoker의 execute 메소드 호출 ) Invoker - Command 클래스들의 집합 Command - Command 클래스 Receiver - Command 클래스의 명령을 받아 실제로 수행. 2. 예제 (1) MacroCommand - Invoker 역할, Command 클래스들의 집합. 명령 저장의.. 2021. 1. 19. [Java 언어로 배우는 디자인 패턴 입문] 낭비 없애기 21. Proxy 출처 : 책 - java 언어로 배우는 디자인 패턴 입문 21. Proxy - 필요해지면 만들기 1. 목적 - Proxy의 뜻은 '대리인'이다. 가벼운 인을 대리인이 처리하도록 하는 방법이다. - 가벼운 처리와 무거운 처리를 구분 하므로써 속도가 향상된다. Ex) 무거운 파일들 중 가벼운 파일만 불러올 경우, 전체를 다 가져올 필요는 없다. - 물론 Proxy를 만들지 않고, 오리지날 클래스에 필요할 때 그때 인스턴스 생성을 하게 할 수 있다. 하지만 Proxy를 만들면 오리지날 클래스를 건들지 않고 대리인만 수정하여 대신할 일을 정할 수 있다. 만약 Main에서 Proxy를 사용하고 싶지 않을경우 바로 오리지날 인스턴스를 생성해 넣어주면 된다. cf) HTTP Proxy : 크롬같은 브라우저에서 웹페이.. 2021. 1. 17. 이전 1 ··· 21 22 23 24 25 26 27 ··· 41 다음 728x90