HTTP Request 중 message-body로 넘어온 parameter 확인을 위해서는 getInputStream() 이나 getReader()를 사용합니다. 이번 프로젝트에서 사용자가 서비스에 접근하여 어떤 기능들을 수행했는지 로그를 남기는 기능을 구현하던 중 getInputStream() 사용 후 parameter가 손실되는 현상이 있어 공유하고자 합니다. 서비스의 구조는 Spring MVC로 되어있습니다. 여기에서 Controller로 요청이 들어가기 전 URL 및 Parameter 취득을 위해 Interceptor를 구현하였습니다. Interceptor에서 body에 있는 parameter 취득을 위해 구현한 소스는 다음과 같습니다.123456789101112131415161718192021..
요즘 다음메일이나 네이버메일을 보면 checkbox 선택 시 하나씩 클릭하여 선택하는 것이 아닌 drag만으로 선택이 가능합니다. 보통 목록 노출수가 20~30개이기 때문에 특정 10개만 선택하고자 할 경우 전체선택이나 하나씩 선택만으로는 불편함이 존재합니다.이럴 때 유용하게 사용 가능한 jQuery plugin을 소개해 드리려고 합니다. jquery-drag-check Site : https://github.com/scarlac/jquery-drag-checkDemo : http://www.seph.dk/jquery-dragcheck/demo.html 사용법은 간단합니다.아래 한줄을 추가해 주시면 됩니다. 1$('input[type=checkbox]').dragCheck();cs 결과 응용을 해보도록 ..
WebGLPC에서 3D 기술은 표현하기 위해서는 OpenGL을 사용합니다.이 OpenGL을 웹에서 작업할 수 있게 하는 기술이 바로 WebGL입니다.WebGL을 사용하면 JavaScript 코드만으로 웹에서 3D를 표현하는 게 가능해지게 되죠. WebGL을 사용해서 3D를 표현할 때 가장 많이 사용하는 라이브러리가 Three.js입니다. Tweet Search기존에 트위터 검색 사이트들은 검색결과 목록들을 전부 리스트 형식으로 보여주고 있었습니다.Tweet Search는 이 트윗 결과 목록에 Three.js를 도입하면 전체적인 결과에 대해 한눈에 파악할 수 있지 않을까 하는 생각에 시작된 사이트입니다. 검색 결과 예 여기에 리트윗 횟수에 따라 배경색의 변화를 주어서 어떤 트윗들이 인기가 있는지 바로 확인..
오픈 API에 대해 많은 관심이 있습니다. 정확히 말씀드리자면 API의 융합을 통한 매시업 서비스 개발에 관심이 있다고 보는 게 맞겠죠. 개인적으로 오픈 API를 사용함으로써 원하고자 하는 서비스 구현에 많은 시간을 절약할 수 있었고, 이에 저 또한 하나 만들어서 제공하고 싶은 마음에 메타데이터가 필요 없이 간단히 구현 가능한 단축 URL 오픈 API를 만들어 보았습니다. Function주요 기능은 다음과 같습니다. - URL 단축API의 핵심이죠. 단축을 원하는 URL에 대해 XML 또는 JSON으로 결과를 반환합니다. - 소셜 로그인자신이 만든 API의 통계를 확인하기 위해 소셜 로그인을 도입하였습니다. - 통계로그인 후 발급되는 키를 가지고 생성 된 URL에 대해서는 통계 기능을 제공합니다. URL..
5년 전(2010년)에 한참 일러스트레이션에 관심을 가지고 있었습니다. 당시 MBC에서 토요일에 하는 예능프로그램 무한도전을 관심있게 보고 있었고, 당시 방송에 나오는 인물들을 위주로 Adobe Illustrator 툴을 사용해서 만들어본 작업본들이 있어서 올려봅니다. 참고로 굉장히 허접합니다. :) - 김태호 PD (지금은 굉장히 미남이시죠?) - 유느님 - 박명수 - 정준하 - 정형돈 (개인적으로 제일 이상한듯.. ㅜㅡ) - 하동훈 - 노홍철 (이것도 좀 이상한듯..) - 길성준 - 전진 (먼가 사이보그 인간처럼 나옴) - 헤이하치 (신동훈)