본문 바로가기

프로그래밍 언어349

[jQuery] 글자 폰트 사이즈 늘리고 줄이기 예제 .label { font-weight: bold; /* 글자를 진하게 */ font-size: 12pt; margin: 20px 0; /* 바깥 위아래 여백을 20px 준다. */ } .button { width: 200px; border: 1px solid #CCCCCC; /* 테두리를 1px크기의 실선으로 #CCCCCC 색깔로 입힌다. */ background-color: #EEEEEE; /* 배경색 */ padding: 2px; margin: 10px 0; } 스타일시트에 label과 button 클래스를 정의합니다. $(document).ready(function() { $("div.button").click(function() { var $speech = $("div.speech"); var c.. 2014. 12. 3.
[jQuery] 행에 징검다리 스타일 입히기 (:odd, :even) .odd { background-color: #FFC;/* 홀수번째 줄은 연한 노란색 */ } .even { background-color: #CEF;/* 짝수번째 줄은 연한 푸른색 */ }스타일시트에 odd, even 클래스를 정의합니다. 각각, 홀수와 짝수 행에 적용할 클래스입니다. $(document).ready(function() { $("tr:odd").addClass("odd"); $("tr:even").addClass("even"); $("td:contains('헨리')").addClass("highlight"); });DOM이 로드되고 이미지가 로드되기 전에 $(document).read() 함수가 실행됩니다. 홀수행(tr:odd)에 odd 클래스를 적용하고, 짝수행(tr:even)에 ev.. 2014. 12. 3.
[jQuery] 리스트 항목에 레벨 단위로 스타일 입히기 (UL, LI 태그) .horizontal { float: left; /* 좌측 정렬 */ list-style: none; /* 목록 앞의 글머리 기호 표시를 제거한다. */ margin: 10px; /* 요소의 모든 가장자리에 10 픽셀의 여백을 준다. } 스타일시트에 horizontal 클래스를 정의합니다. $(document).ready(function() { $("#selected-plays > li").addClass("horizontal"); }); DOM이 로드되고 이미지가 로드되기 전에 $(document).read() 함수가 실행됩니다. selected-plays를 ID값으로 가지는 요소에 horizontal 클래스를 적용하라는 명령입니다. 2014. 12. 3.
HTML5와 CSS3로 만드는 드롭다운 네비게이션 메뉴 HTML5 + CSS3로 만들어진 드롭다운 네비게이션 메뉴입니다. style 부분에 주석으로 간단하게 설명이 돼 있으니 자세한 설명은 생략합니다. 소스만 참고하시고 필요한 곳에 알맞게 변경하여 사용하시면 됩니다. 2014. 11. 27.
HTML5 문서의 기본구조 HTML5로 해석하라는 뜻입니다. 소문자로 써도 되고 대문자로 써도 됩니다. … lang=”ko”라고 표시를 해주면 검색사이트에서 ‘한국어 검색’처럼 특정언어로 제한해서 검색할 때 사용됩니다.문서 제목웹 브라우저의 제목표시줄에 표시될 내용입니다. 이 제목으로 검색엔진에서 검색 결과를 보여줄 때 사용을 하기 때문에 문서 제목을 잘 넣어주어야 유리합니다.HTML5에서는 이렇게 간단하게 charset을 지정할 수 있습니다. 2014. 11. 21.
[자바스크립트] js 파일 호출시 한글이 깨져서 보이는 문제 (파일 인코딩) 요즘 혼자 이것저것 자바스크립트, jQuery, Html로 만들어보고 있는데요. 다 만들고나서 자바스크립트가 좀 길어서 js 파일로 따로 저장해서 화면을 호출했는데 방금까지 잘 나오던 한글이 안 나오는 현상이 발생했습니다. 이렇게 html 파일 사이에 명시를 했는데도 말이죠. 다른 한글은 잘 나오는데 유독 js 파일에 들어있는 한글은 깨져서 보이더라구요. 그래서, 찾아봤더니 js 파일 맨 위에 아래와 같은 소스를 넣으니까 해결이 되었답니다. app.use(function (req, res, next) { if (req.url && req.url.indexOf('.htm') > -1) { res.header('Content-Type', 'text/html'); } next(); }); js 파일 안의 한글.. 2014. 11. 7.
[자바스크립트] javascript로 년도 가져올 때 getYear() 대신 getFullYear()를 사용하자. 요즘 제가 하고 있는 프로젝트에서 ie11과의 호환을 위한 수정작업을 하고 있습니다. 그런데, 자바스크립트에서 년도를 가져오기 위해 사용하는 getYear()라는 메소드가 ie11에서는 대부분 에러를 발생하고 있습니다. 해결 방법을 알아본즉,,, 1,900년을 0을 기준으로 1901년은 1을, 1899년은 -1을 return합니다. 즉, getYear()가 제대로 된 값을 가지고 오지 못합니다. * 해결 방법 getYear() ==> getFullYear() 로 바꾸면 됩니다. 그래서, 왜 이제까지는 getYear()를 사용해도 문제가 없었는데 ie11에서만 getYear()에서 문제가 발생하는지 알아보았더니 지금까지 ie에서만 사용되던 함수이고, 다른 브라우저에서는 여전히 문제가 되고 있었던 함수라는 .. 2014. 11. 5.
[쿼리문] 조건절에 WHERE 1=1, WHERE 1=0 사용하여 쿼리 간편하게 사용하기 프로젝트를 진행할 때 SQL 쿼리를 작성하다보면 'WHERE 1 = 1' 이라는 것을 자주 보게 됩니다. 사실, 의미없이 'WHERE 1 = 1'이라는 구문을 사용하시는 분들이 있어서 깔끔한 걸 추구하는 저로서는 가끔 1 = 1 이라는 부분을 지워버리는데요. 이것을 잘 사용하면 조건절(WHERE)을 편리하게 사용할 수 있어서 편리합니다. 사용법에 대해 간단하게 알아보겠습니다. 1. AND 구문에서는 WHERE 1 = 1 사용하자.만약에, 'WHERE 1=1'이 없다면 if 조건절 안에 WHERE를 넣어야 할지 AND를 넣어야할지 알 수 없습니다. 'WHERE 1 = 1'을 사용하게 되면 아래 조건절에 무조건 AND를 넣으면 되는 겁니다.SELECT * FROM NAME_LIST WHERE 1 = 1 #i.. 2014. 11. 1.
[jQuery] ajax로 값을 가져올 때 UTF-8 환경에서 한글깨짐 해결하기 - 자바(java) 요즘은 한글 뿐만이 아니라 국제화를 위해 다국어를 지원하기 위해 UTF-8 인코딩 상태에서 개발을 하는 경우가 많죠. 저도 어느 프로젝트를 가든 UTF-8로 작업을 하게 되는데요. 예전엔 iframe으로 숨겨서 작업하던 걸 요즘엔 jQuery ajax로 많이 작업을 합니다. 자, 그런데, UTF-8에서 ajax를 사용하다보면 한글깨짐 현상이 발생하게 됩니다.이렇게 한글이 깨지는 이유는 무엇인지 해결방법은 무엇인지 알아보겠습니다. ajaxTest.jsp123456789$.ajax({ type: "post", url: "ajaxTestJson.do", data: param, dataType: "json", success: function (jsonObj) { alert( jsonObj.ajaxName ); .. 2014. 10. 29.
HTML과 CSS만으로 구축하는 웹 - NaraDesign 이미지 없이 HTML / CSS 만으로 템플릿을 깔끔하게 만들어놓은 곳이 있어서 링크합니다. http://naradesign.net/ouif 정찬명 님이 직접 만들어서 올려놓은 소스들인데,,, 너무 맘에 드네요~게다가 웹표준까지 지킨 소스라고 하니 브라우저와 상관없이 잘 동작하리라 봅니다.앞으로 자주 애용할 듯.. 2012. 11. 15.
[jQuery] 제이쿼리 API http://remysharp.com/jquery-api/ http://v.daum.net/link/15532070 2011. 5. 24.
[쿼리문/오라클] Oracle에서 중복 조인을 피하기 위한 Update 방법 (MERGE 사용) 중복 조인을 피하기 위한 update 방법에 대해 알아보겠습니다. UPDATE TotalPoint T SET usePoint = (SELECT usePoint FROM UserPoint U WHERE U.userId = T.userId), totPoint = totPoint + (SELECT usePoint FROM UserPoint U WHERE U.userId = T.userId) FROM userId = 'testUser' 이런식으로 서브쿼리를 2번 같은 내용으로 사용하는 것은 비효율적이다. 만약에 더 많은 컬럼값을 Update해야 한다면 중복이 더 많아질 것이다.Merge를 사용하면 이러한 중복을 줄일 수 있다. MERGE INTO TotalPoint T USING ( SELECT userId, .. 2011. 4. 1.
단일행을 다중 row로 분리, 다중 row 결과를 단일행으로 연결하는 방법 1. 단일행을 다중 row로 분리 오라클에서 '1,2,3,4,5'라는 문자열을 레코드로 만들려면 어떻게해야 할까? '1,2,3,4,5' return =========== 1 2 3 4 5 즉, 결과가 위와같이 나오게 하려면? connect by를 사용해서 만들수가 있다.SELECT SUBSTR (str, INSTR (str, ',', 1, LEVEL) + 1, INSTR (str, ',', 1, LEVEL + 1) - INSTR (str, ',', 1, LEVEL) - 1 ) sub FROM (SELECT ',' || '1,2,3,4,5' || ',' str FROM DUAL) CONNECT BY LEVEL 2011. 3. 14.
[Oracle] 오라클에서 WITH문으로 쿼리를 임시테이블이나 View처럼 사용하자. MSSQL문의 저장프로시저를 분석해서 자바 배치를 만드는 작업을 하던 중에.. 막히는 부분이 있었다. MSSQL의 저장프로시저에는 무조건 쿼리를 만들어 임시테이블에 넣고, 그 임시테이블을 가지고 이것저것 조건을 건 다음에 다시 다른 임시테이블에 넣는 작업이 반복되고 있었다. 며칠을 고민한 끝에 오라클의 WITH문을 발견하고 '만세~!'를 불렀다. ㅋ WITH문을 사용하면 자유자재로 쿼리를 뷰처럼 재사용할 수 있었기 때문이다. WITH viewData AS ( SELECT * FROM TestTable_1 ) SELECT * FROM viewData ; 이건 WITH 문의 기본 문장이다. WITH name AS ( 쿼리 ) 그런데, WITH문에 다중 쿼리를 사용하면 그 위력이 엄청나게 된다. WITH vi.. 2011. 3. 3.
[쿼리문/오라클] Oracle 저장 프로시저 샘플 프로그래밍이란 게 뭐든 샘플만 있으면 못할 게 없죠. 저장프로시져 만들때 샘플이 없어서 네이버를 찾아헤매던 기억이 있어서 샘플을 남깁니다. CREATE OR REPLACE PROCEDURE YOUNG.DAILYSUM_DATA IS CURSOR cur IS SELECT CREATE_DATE, CUST_NO, COLLECT_AMT FROM YOUNG.T_COLLECT; CURSOR cur2 IS SELECT SUBSTR(CREATE_DATE,1,6) AS CREATE_DATE, CUST_NO, SUM(COLLECT_AMT) AS COLLECT_AMT FROM YOUNG.T_COLLECT GROUP BY SUBSTR(CREATE_DATE,1,6), CUST_NO; BEGIN DBMS_OUTPUT.ENABLE;.. 2011. 1. 25.

티스토리툴바