오늘은 설명없이 간단한 코드만 명시할 예정이다. Mustache template engine 관련된 간단한 예제 코드이다.Mustache template engine 에 대한 간단한 설명은 아래 글을 통해 확인 가능하다. (https://lkhlkh23.tistory.com/64)첫번째 함수는 일반적인 Mustache template engine 에 대한 예제이다. 별로 설명할 필요가 없을거 같다.두번째 함수는 사용자가 정의한 태그를 이용해서 렌더링하는 코드의 예제이다.굳이, 왜 필요할까? 라고 생각할 수 있을 것이다. 필요하다. 정말 필요하다. 왜냐하면, Mustche template engine 은 서버와 프론트에서 동시에 사용할 수 없다. $(document).ready(function() { re..
오늘은 리팩토팅 작업을 수행하면서 적용했던 디자인 패턴 하나를 소개하려고 한다. 아래는 리팩토링 이전에 데이터를 화면에 노출하기 위한 간단한 방식을 설명하고 있다.1. 서버에서 화면 노출에 필요한 데이터를 프론트에 전달2. 프론트에서는 전달받은 데이터를 가지고 Handlebar를 통해 데이터를 노출 그러나, 특정 데이터에 대해서는 Handlebar에서 Helper를 통해서 조건문과 특정 로직을 통해 데이터를 노출하는 것을 제어3. 또는, JSP이기 때문에 JSTL 이용해서 여러 조건과 로직을 통해 데이터 노출하는 것을 제어 위에 설명만 듣고서는 이해가 되지 않을 수 있다. 간단한 예를들자면, 화면에서 쿠폰의 아이콘을 표시하기 위해서 프론트에서 아래와 같이 2단계를 거친다. 서버에서 전달받은 쿠폰 데이터를..
오늘은 최근에 개발을 하면서 사용한 Javascript Promise 사용하는 방법에 대해 알아보려고 한다. Promise 에 대한 정의보다는 간단한 사용법을 코드를 통해 간단히 정리를 남기려고 한다 요구사항 firstTask, secondTask, thirdTask 는 setTimout 으로 구현된 비동기 함수이다. firstTask, secondTask, thirdTask. 순서로 함수가 동작해야 한다.다음과 같은 요구사항을 구현을 하려면 아래와 같이 구현할 수 있다. firstTask() --> secondTask() --> thirdTask() 를 순차적으로 호출하는 callback 으로 구현할 수 있다. 지금은 간단한 출력 메소드이고, 숫자도 적지만, 복잡하고 많다면 ... 정말 말그대로 지옥일..
인프런에서 '백기선의 스프링 프레임워크 핵심기술' 이라는 강의를 꾸준히(?) 수강하고 있다. 오늘은 AOP에 대한 강의를 들었고, 정의하려고 한다. 이전에 AOP 관련되서 글을 정리한적이 있는데, 다시 봤는데! 나름 괜찮다!AOP : https://lkhlkh23.tistory.com/122프록시 패턴 : https://lkhlkh23.tistory.com/133AOP 정의 및 용어에 대한 설명은 내가 작성한 [AOP] 의 글을 참고하면 된다. 추가적으로 AOP를 적용할 수 있는 방법 3가지를 정리하겠다.Weaving 이라는 단어는 Target(로직을 적용할 대상) 객체에 Aspect (로직)를 적용해서 Proxy 객체를 생성하는 과정이라고 할 수 있다. 그리고 Weaving을 하는 방식에는 아래와 같이..