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

개요 서버-클라이언트의 개발 언어가 다를 경우(대부분의 개발 환경에 해당한다.) 날짜/시간 데이터를 어떻게 전달하고 처리해야 할까? 서버와 클라이언트는 개발 언어도 다르고 날짜와 시간을 다루는 타입과 방법도 다르다. 이러한 고민을 하는 과정에서 내가 했던 방법을 정리하여 소개하고자 한다. 서버의 개발 언어는 Java, 클라이언트는 JavaScript를 기준으로 설명한다. 서버의 날짜와 시간은 대부분 데이터베이스에서 가져온다. 서버 환경에서는 날짜/시간에 대한 기준이 필요하다. 그 기준은 서버 애플리케이션이 실행되는 운영체제의 시간이 될 수도 있고 RDBMS의 시간이 될 수도 있으며 별도의 타임 서버가 기준이 될 수도 있다. 일반적으로 애플리케이션의 성격에 맞게 결정되지만 대부분의 애플리케이션의 기능이 데..

골치 아픈 브라우저 호환성 문제 프론트엔드 웹 개발자들에게 브라우저 호환성을 유지하는 것은 굉장히 골치아픈 일이다. 특히 사용자의 브라우저 환경을 인식하여 ActiveX 실행 여부를 결정해야 한다면 브라우저 환경 및 버전을 정확하게 확인할 수 있어야 한다. 문제의 브라우저, Internet Explorer 11 JavaScript에서 브라우저 환경을 확인할 수 있는 방법은 굉장히 많다. 대표적으로 아래와 같은 방법이 있다. navigator.appName 값을 확인하면 Microsoft Internet Explorer으로 인식한다. if (navigator.appName == 'Microsoft Internet Explorer') { // 처리 로직 작성 } 하지만 Internet Explorer 11 ..

반응형 이미지는 어떻게 구현할까? 웹에서 고정된 크기를 가진 이미지를 데스크탑, 랩탑, 태블릿, 스마트폰 등 다양한 기기마다 최적화된 형태로 출력하려면 어떻게 해야할까? 해답은 간단하다. 반응형으로 출력하고 싶은 이미지의 img 엘러먼트에 style 애트리뷰트를 아래와 같이 부여하면 된다. HTML에서는 아래와 같이 부여한다. CSS에서는 아래와 같이 부여한다. img { max-width: 100%; height: auto; } JavaScript에서는 아래와 같이 부여한다. var img = document.getElementsByTagName("img"); vat i=0; while (i < img.length) { img[i].setAttribute("style", "max-width: 100%;..

JavaScript Resources (by Pineapple.io)http://pineapple.io/resources/tagged/javascriptJavaScript를 태그로 검색하여 라이브러리, 튜토리얼 등의 유용한 리소스 목록을 보여준다. JavaScript Resources (by JavaScriptOO)http://www.javascriptoo.com/ Front End Dev Guidelines (by Tait Brown)http://taitems.github.io/Front-End-Development-Guidelines/JavaScript를 포괄하는 클라이언트 개발 가이드라인이다. A Better JavaScript Object Approach (by Damien Klinnert)htt..