본문 바로가기
반응형

전체 글72

[jQuery] 슬라이더 배너 만드는 방법 구글에서 슬라이더 배너 플러그인을 찾아보면 셀수 없이 많은 소스들이 나온다. 하지만 정작 만들어 사용할 수 있는 사람은 소수인 것을 감안하면 만드는 법 하나정도는 정리해 둬도 괜찮다는 생각이 든다. 슬라이더 배너를 만들기 위해 아래 과정대로 작업을 진행하려고 한다. 1. HTML 및 Style 구조잡기2. 좌우버튼을 생성하여 배너 이동시키기 1. HTML 및 Style 구조 잡기 슬라이드 배너의 핵심은 주황, 노랑, 초록색 영역이다. HTML 삽입 미리보기할 수 없는 소스 초록색 영역은 들이 된다. 실제 노출될 배너들을 의미한다. 이미지들을 일렬로 나열하기 위해 float:left를 사용했고 넓이는 100px에 선을 1px씩 좌우로 넣어서 배너 하나당 넓이는 102px가 된다. 주황색 영역은 banner.. 2014. 3. 13.
[DB] iBatis에서 jdbcType iBatis에서 쿼리 작성시 jdbcType으로 인해 오류가 떨어질 경우에 대한 대처법 로컬개발환경에서 Tomcat으로 작업후 배포시점에 Jeus로 올리는데 쿼리에서 에러가 떨어졌다. (분명 Tomcat에서는 에러가 떨어지지 않앗는데...) 해결방법을 알아보니 컬럼에 jdbcType을 정의하지 않아서 생기는데 문제였다. #변수#에 jdbcType을 명시적으로 선언해서 문제를 해결했다. #변수:jdbcType# 형태로 작성한다. 예) #alertCds:NVARCHAR# UPDATE FM_VOC SET TITLE = #title# , QUESTION = #question# , QST_SUMMARY = #qstSummary# , USER_FILE_SEQ = #fileSeq# , ALERT_CDS = #aler.. 2014. 3. 10.
[CSS3] 배너에 그림자를 입히는 원리② ※ 발췌 : 따라하면서 배우는 HTML5 + CSS3 + jQuery + JavaScript 실무활용 14가지 - 위키북스 배너에 그림자를 입히기에 앞서서 rotate와 skew 에 대해서먼저 살펴보겠습니다. 1. rotaterotate는 지정한 각도만큼 회전시킵니다. 지정하는 값에 따라 기준축을 중심으로 회전합니다. 2014. 3. 7.
[CSS3] 배너에 그림자를 입히는 원리① ※ 발췌 : 따라하면서 배우는 HTML5 + CSS3 + jQuery + JavaScript 실무활용 14가지 - 위키북스 배너에 그림자를 입히기에 앞서서 box-shadow에 대해서먼저 살펴보겠습니다. box-shadow properties 속성값 설명 h-shadow 그림자의 수평거리(입력한 만큼 떨어져 위치) 음수 양수 모두 가능 v-shadow 그림자의 수직거리(입력한 만큼 떨어져 위치) 음수 양수 모두 가능 blur 그림자의 경계의 흐림 정도 spread 그림자의 확장거리(그림자를 배너보다 크거나 작게 만든다)음수 양수 모두 가능 color 그림자의 색상(16진수 외에 rgba, hsla로도 가능-투명도 조절할 수 있음) inset 내부그림자(inner-shadow와 같음) 적용 ①수평거리 3p.. 2014. 3. 7.
반응형

티스토리툴바