드럼치는 프로그래머

드라마 속 로맨스가 현실이 됐다. 배우 에릭(37)과 서현진(30)이 현실 커플로 발전한 것. 이제 막 사랑을 시작한 2개월차 커플이다. 최근 복수의 연예 관계자는 스포츠조선을 통해 "에릭과 서현진이 실제 연인으로 발전했다. 인기리에 종영한 tvN 월화드라마 '또 오해영'(박해영 극본, 송현욱 연출)에서 심상치 않은 로맨스를 펼치더니 진짜 멜로를 시작하게 됐다"고 전했다. '또 오해영'의 한 관계자는 "두 사람이 촬영 중간 서로를 챙기는 다정한 모습을 보이는 등 남다른 애정을 드러냈다. 6월부터 정식으로 교제를 시작해 지금은 남부럽지 않은 '또 오해영' 공식 커플이 됐다"고 귀띔했다. 두 사람의 또 다른 측근은 "'또 오해영'으로 인해 약 3개월 간 동고동락하며 가까워진 드라마 관계자들은 이미 두 사람의..

일(day)를 기준으로 작성하시면 편합니다. 1일(day) 더하기 select sysdate, sysdate + 1 from dual; 1시(hour) 더하기 select sysdate, sysdate + 1/(24) from dual; 1분(minute) 더하기 select sysdate, sysdate + 1/(24*60) from duall; 1초(second) 더하기 select sysdate, sysdate + 1/(24*60*60) from dual; 1년(year) 더하기 select sysdate, sysdate + (1*365) from dual; [출처] http://dev4u.tistory.com/entry/%EC%98%A4%EB%9D%BC%ED%81%B4-%EB%82%A0%EC%A7..

텍스트가 일정 길이 이상 길어지는 경우 생략 기호를 사용하여 표시하면 매우 효과적입니다. 길이가 더 길다는 것을 시각적으로 표시할 수 있고 공간 안에서 레이아웃을 효과적으로 꾸밀 수 있죠. 일반적으로 한줄인 경우에만 생략 기호를 사용하나 만약 폭(width)이 너무 좁아 두 줄 이상의 텍스트를 생략 기호를 사용해 보여주려면 가능할까요?? 이런 물음은 크롬의 경우 텍스트가 두 줄인 경우에도 적용되기 때문입니다. 하지만 항상 그렇듯 다른 브라우저에서는 정상 적용되지 않는데 이런 경우 해결 방법은 무엇이 있을까요?? 일단 IE에서 두 줄 이상의 멀티 라인에는 적용되지 않았습니다. 구글링을 해보았으나 정상적인 방법으로 해결할 수는 없다는 결론입니다. 그리하여 이런 경우 선택 할 수 있는 방법음 아래와 같이 세가..

fn:contains(string, sbustring) string이 substring을 포함하면 return True fn:containsIgnoreCase(string, sbustring) 대소문자 관계없이 string이 substring을 포함하면 return True fn:endsWith(string, suffix) string이 suffix로 끝나면 return True fn:escapeXml(string) stting에 XML과 HTML에서 특별한 의미를 가진 문자들이 있으면, XML엔티티 코드로 바꿔준뒤 문자열 반환 fn:indexOf(string, sbustring) string에서 substring이 처음으로 나타나는 인덱스 반환 fn:join(array, separator) array요..

현재 개발하고 있는 시스템에서 첨부파일을 다운로드할 경우 공백이 '+' 로 바뀌어서 저장이 됩니다. 예를들어 "불친절한 자수씨의 블로그.pdf" 라는 파일이라면 "불친절한+자수씨의+블로그.pdf" 라는 파일로 저장이 됩니다. 원인은 한글 파일명을 지원하기 위해 URLEncoder 를 사용하는데, 이것이 공백을 '+' 로 만드는 범인이였습니다. 기존 방식은 아래와 같았을 것 입니다. 1 String fileName = "불친절한 자수씨의 블로그.pdf"; 2 fileName = URLEncoder.encode(fileName, "UTF-8"); 3 response.setHeader("Content-Disposition", "attachment;filename=" + fileName + ";"); 개선 방법..

동적으로 요소를 추가하고 (createElement())하는 방법을 살펴보자 소개되는 예제코드는 예제페이지로 이동한후 개발자도구 콘솔을 열어서 실행하면 된다.//#box에 를 추가해 $('#box').append('난 div 요소'); 간단하다. 좀 다른느낌? 으로도 가능하다.// 요소를 #box에 추가해 $('').appendTo( $('#box') ) .text("난 div 요소") .addClass("border") .css("background-color","#fff"); 메소드 체이닝으로 요소의 어트리뷰트를 수정했다. 이 부분을 좀더 다른느낌으로 만져보자$('', { text : '난 div 요소', addClass : 'border', css : { "background-color":"#fff..

jQuery에는 이벤트등록을 할수 있는 흥미로운 방법이 존재한다. 바로 delegate()인데 1.7버전 이상부터는 on()메소드를 권장하니 on()으로 살펴보자. 소개되는 예제코드는 예제페이지로 이동한후 개발자도구 콘솔을 열어서 실행하면 된다. delegate형태로 이벤트 등록$(document.body).on('click', 'div', function(event){ console.log(event.target, event.currentTarget); }); on()메소드의 두번째 인자가 div이다. 해석해 보자면 document.body에 click이벤트를 주고 document.body > div 만 감시하겠다. 라는 의미 이런 delegate방식은 동적요소가 추가될경우 빛을 발한다! 동적요소 추가..

jQuery에서 이벤트 관련 메소드들은 무척 많다. 그중에 편한방식,마음에 드는 방식을 선택하면 되는데 하나씩 살펴보자. 소개되는 예제코드는 예제페이지로 이동한후 개발자도구 콘솔을 열어서 실행하면 된다. 이벤트 등록$('#box').on('click', function(event){ console.log(this,event); }); //이렇게도 가능 $('#box').click(function(event){ console.log(this, event); }); on메소드를 사용해서 간단하게 이벤트 등록이 가능하다. 이벤트콜백함수 안에서의 this는 이벤트가 발생된 엘리먼트 그대로를 가르키고 event인자는 jQuery Event객체를 가르킨다. 특이하게 click()처럼 이벤트명의 메소드들도 존재하는데..

이번엔 좀 재밌는 이펙트관련 메소드를 살펴보자. 소개하는 메소드들은 예제페이지로 이동한후 개발자도구 콘솔을 열어서 입력하면서 테스트 해보면 된다. .hide() 엘리먼트를 숨긴다// $('div').css("display","none") 과 동일 $('div').hide() //천천히 사라지게 $('div').hide('slow',function(){ console.log('hide ok!') }); .show() 엘리먼트를 보여준다$('div').show() $('div').show('fast') .toggle() 엘리먼트 show(),hide() 를 toggle 처리$('div').toggle('fast') .fadeOut() 엘리먼트가 opacity값이 빠지면서 사라진다//모든 태그 사라짐 $('*..

푸른 ‘인어공주’로 완벽 변신한 구구단의 Wonderland 로 놀러오세요! 이름만으로도 친근한 걸그룹 '구구단'이 드디어 데뷔했습니다. (짝짝짝) 젤리피쉬 엔터테인먼트의 첫 번째 걸그룹 구구단은 ‘아홉 가지 매력을 가진 아홉 명의 소녀들이 모인 극단’이라는 뜻을 담고 있습니다.^^ 네이버 뮤직 :: Act.1 The Little Mermaid - 구구단 구구단 (gugudan) Act.1 The Little Mermaid 무한한 가능성을 가진 소녀들의 극단 ‘구구단’의 서막을 알리는 첫 무대! 보석처럼 빛나는 우리들의 꿈, 영원히 간직 될 희망 [Wonderland] 젤리피쉬 엔터테인먼트의 첫 번째 걸그룹 ‘구구단’이 그 베일을 벗었다. 구구단은 ‘아홉 가지 매력을 가진 아홉 명의 소녀들이 모인 극단’..