JUMP개발자의 개발일기 JUMP개발자의 개발일기

스프링 EL이란? - 스프링 객체들의 정보를 질의하거나 조작하여 어떤 값을 표현할 수 있는 언어이다. - 객체 그래프를 조회하고 조작하는 기능을 제공한다. - Unified EL과 비슷하지만, 메소드 호출을 지원하며, 문자열 템플릿 기능도 제공한다. - OGNL, MVEL, JBOss EL 등 자바에서 사용할 수 있는 여러 EL이 있지만, SpEL은 모든 스프링 프로젝트 전반에 걸쳐 사용할 EL로 만들었다. - 스프링 3.0 부터 지원. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 @Component..

Props는 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 Document appHeader = { template : '{{ propsdata }}', props : ['propsdata'] }, appContent ={ template : '{{propsdata}}', props : ['propsdata'] } new Vue({ el : '#app', data : { message : "HI bins", num : 3 }, componen..

Converter와 Formatter PropertyEditor는 스프링 초기(3.0이전)에 사용되었던 데이터 바인딩 인터페이스 였으나, 현재는 Converter와 Formatte라는 데이터 바인딩 인터페이스를 주로 사용하고 있다. Converter는 S타입을 T 타입으로 변환할 수 있는 일반적인 변환기이며 Thread-safe하다. Formatter는 Object와 String간의 변환을 담당하며 역시 Thread-safe하다. 또한 문자열을 Locale에 따라 다국화하는 기능을 제공한다. (Optional) Converter / Formatter 구현 및 테스트 Event VO 생성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ..

ResourceLoader는 리소스를 읽어오는 기능을 제공하는 인터페이스다. ApplicationContext가 ResourceLoader를 상속받은 상태이기 때문에 ApplicationContext를 통해서 ResourceLoader 기능을 사용하는 것이 가능하다. ApplicationRunner에서 아래와 같이 실행을 하면 resource의 존재여부, 루트등을 출력할 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 @Autowired ResourceLoader resourceLoader; @Override public void run(ApplicationArguments args) throws Exception { // TODO Auto-generated method stub Reso..

ApplicationEventPublisher는 스프링에서 이벤트 프로그래밍에 필요한 인터페이스를 제공한다. ApplicationContext가 이미 ApplicationEventPublisher를 상속하고 있기 때문에 ApplicationContext에서도 사용이 가능하다. 실습 : AppRunner에 이벤트를 발생시킨다. 아래와 같이 publishEvent 메서드를 이용하여 이벤트를 발생시킬 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 package com.example.demo; import java.util.Locale; import org.apache.logging.lo..

Vue는 기본적으로 컴포넌트를 조합하여 화면을 구성을 많이 한다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발이 가능하고, 재사용이 가능하기 때문이다. 전역 컴포넌트는 아래와 같이 선언한다. 전역 컴포넌트는 선언하면 어디에서든지 사용이 가능하다. 마치 전역 변수 같은 개념이라고 할 수 있다. 1 2 3 4 // 전역 컴포넌트 // Vue.component('컴포넌트 이름', 컴포넌트 내용); Vue.component('app-header', { template: 'Header' }); http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scr..

아래 코드 설명 1. CDN URL을 이용하여 vue framework를 사용할 수 있게 선언 2. 모든 Vue 앱은 Vue 객체를 선언해야함. -> Vue 객체의 el은 자바스크립트 doucment.getElementById('app'); 과 같음 ->data 안에 여러가지 key value 형식의 데이터를 선언하고, 해당 데이터들은 {{ }} 형식으로 화면을 그리는데 사용할 수 있다. (반응형) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Getting Started {{ message }} new Vue({ el: '#app', data: { message: 'Hello Vue.js' } }) http://colorscripter...

Vue.js 를 사용할 경우 ReActivicity의 장점을 갖는다. 즉, 변수의 할당된 값이 변경될 경우, 브라우저가 그 것을 감지하여 화면에 뿌려주는 값 또한 자동으로 변경되는 것을 말한다. (반응성) Vue를 이용하지 않고, 일반적인 자바스크립트를 이용할 경우 아래와 같은 코드를 사용하여 ReActivity를 구현해볼 수있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Document // console.log(div); var div = document.querySelector('#app'); var str = 'hello world'; div.innerHTML =..