Software Engineer, Java, Spring Boot, JAX-RS REST API, OAuth 2.0, Microservice, DevOps

* 튜토리얼이라기 보다는 내가 주로 사용하는 JavaScript 라이브러리를 JSP에서 임포트하는 방법을 설명했다. * JavaScript로 작성하는 부분은 .js로 분리해야 IDE 환경의 도움을 얻기 편하지만 소스 코드 중간중간 JSTL 태그 라이브러리를 사용할 필요가 있어 분리하지 않고 .jsp 파일 안에 작성했다. 아래와 같이 /WEB-INF/fragment/common-js.jsp 파일을 작성하고 템플릿 파일에서 태그로 호출한다. * JSTL 태그 라이브러리를 사용하려면 jstl-1.2.jar와 standard-1.1.2.jar 라이브러리를 임포트해야 한다. maven jstl, maven standard 키워드로 구글링하여 쉽게 받을 수 있다. * /WEB-INF/fragment/common-j..

* 개발 프로젝트의 시연을 앞두고 브라우저 호환성 테스트 중 일부 PC의 IE에서 `식별자나 문자열 또는 숫자가 필요합니다.`와 같은 JavaScript 오류가 발생했다. 개발 PC의 IE, Chrome, Firefox에서 어떤 문제도 없었기 때문에 당황하던 차에 원인을 발견했는데 JavaScript 오브젝트 선언시 마지막 프라퍼티 뒤에 콤마(,)를 붙인 것이 원인이었다.$('#message').tooltip({ title : '메시지',}); * Eclipse에서 오류를 잡아주지 않아 무심코 넘어갔었고 개발 PC의 브라우저 테스트에서 문제가 없었기에 그대로 시연했다가 망신을 당할뻔 했다. JSLint를 이용하여 코드를 검사하자 역시나 `Extra comma.` 오류를 잡아냈다. Eclipse에도 JSL..

* jQuery가 등장한 후로 JavaScript의 개발 생산성이 향상되면서 직접 DOM을 건드리는 일보다는 공개된 무료 라이브러리를 적극 활용하는 방향으로 프로젝트를 진행하고 있다. 개발자 입장에서는 유용한 라이브러리를 확보하는 일이 중요한데 이러한 라이브러리를 소개하는 사이트들을 모아봤다. jQuery Rain http://www.jqueryrain.com/ 유용한 기능을 제공하는 유무료 라이브러리들을 소개하고 있다. * jQuery Rain에서 소개한 라이브러리 중에 프로젝트에 써먹을만한 라이브러리들을 선별해봤다. postmessage (by daepark) http://postmessage.freebaseapps.com/ https://github.com/daepark/postmessage 크로스..

* X-editable을 사용하면 전통적인 FORM 엘러먼트와 INPUT 엘러먼트의 제약을 벗어나서 A 엘러먼트와 JavaScript만으로 다양한 사용자 입력을 수용할 수 있다. * 먼저 HTML 상에서 X-editable를 적용할 A 엘러먼트를 작성한다. data-type의 값으로 text, textarea, select, date, checklist 등 다양한 타입을 지원한다. select2 타입은 v1.4.1 버전에서 임의로 setValue() 메써드를 사용시 오류가 발생하는 버그가 있어 select 타입 사용을 권장한다. * v1.4.1 버전부터 모드가 통합되면서 사전에 inline 모드를 적용하는 설정이 필요하다. $.fn.editable.defaults.mode = 'inline'; * 앞서 ..