본문 바로가기

프로그래밍 언어349

[JSTL] replace 함수로 개행문자 줄바꿈처리하기 간단한 팁입니다. 이렇게 엔터처리를 하려면 어떻게 해야할까요?jstl에서 개행문자인 \n을 태그로 바꿔주면 되겠네요. 이렇게 2줄 넣어주시면 됩니다. ${fn:replace(contentsMemo, newLineChar, " ")} contentsMemo에 내용이 들어있는 변수값인데,각자의 화면에 맞는 변수로 수정해 주시면 됩니다. 2016. 7. 28.
SQL 쿼리문 보기 좋게 정렬해주는 사이트 - Instant SQL Formatter 지금 하는 프로젝트에서는 Toad 정품이 없어서 freeware 버전을 설치해서 사용하고 있습니다.그런데, 이걸 써보니 확실히 편리한 기능들이 빠져 있어서 사용하는데 좀 불편함이 있네요 ㅠ 그 중에서 가장 불편한 건... SQL 쿼리의 Fomat Code 기능을 제공하지 않는다는 점이랍니다 ㅠ즉, Ctrl + F 단축키로 쿼리를 보기좋게 정렬해주는 기능을 사용할수가 없다는 것이죠. 그런데, 옆에서 같이 일하시는 분이 그런 기능을 제공해주는 사이트를 찾아서 알려주시네요^^아~ 정말 이런 사이트가 있다니... (감사 감사) http://www.dpriver.com/pp/sqlformat.htm 원하시는 쿼리를 긁어서 붙여넣으신 후에[Format SQL] 버튼 누르시면 쿼리를 예쁘게 정렬해 줍니다. 여러가지 .. 2016. 7. 27.
[전자정부 표준프레임워크] MySQL에 All-in-one 설치시 webmaster로 로그인 안되는 문제 해결을 위한 2가지 수정사항 전자정부 프레임워크로 프로젝트를 했던 게 벌써 1년이 다 돼 가네요.개인적으로 여기저기 돌아다니다보니 가는 곳마다 시스템이나 환경이 다 다릅니다. 오랜만에 여유가 생겨서 전자정부 프레임워크를 설치해서 셋팅을 해봤습니다.eGovFrame Template Project에 있는 all-in-one을 설치를 해서 작업을 해봤는데 이게 로그인이 잘 안되더군요 ㅠ All-in-one 프로젝트가 생성되면MySQL에 미리 만든 Database에 테이블을 생성하고 기본 데이타를 insert해야 합니다. com4_DDL_Mysql.sql : 테이블을 만드는 DDL 스크립트All_Data_Script_mysql_v2.0.sql : 기본 데이타를 만드는 DML 스크립트 1. com4_DDL_Mysql.sql 파일의 스크립트 .. 2016. 7. 20.
MySQL Database Error: Specified key was too long; max key length is 1000 bytes 에러 해결방법 MySQL에 테이블을 하나 생성하려고 했더니 에러가 나네요. CREATE TABLE COMTSSYSLOGSUMMARY(OCCRRNC_DE CHAR(20) NOT NULL,SVC_NM VARCHAR(255) NOT NULL,METHOD_NM VARCHAR(60) NOT NULL,CREAT_CO NUMERIC(10) NULL,UPDT_CO NUMERIC(10) NULL,RDCNT NUMERIC(10) NULL,DELETE_CO NUMERIC(10) NULL,OUTPT_CO NUMERIC(10) NULL,ERROR_CO NUMERIC(10) NULL,PRIMARY KEY (OCCRRNC_DE,SVC_NM,METHOD_NM)); 위 쿼리에 특별히 문제가 있어 보이진 않는데 아래와 같이 에러가 발생했습니다. My.. 2016. 7. 7.
오라클(Oracle) 설치시.. Command line option Syntax error Type Command/? for Help 해결방법 오라클 설치시 다음과 같은 오류가 발생했다면...환경변수의 TEMP, TMP의 경로를 수정해 주시면 됩니다. [제어판 > 시스템 및 보안 > 시스템]으로 이동하세요. 환경변수 버튼을 클릭하시구요. 이렇게 돼 있을 텐데요. 이렇게 바꿔주시면 됩니다^^ 2016. 7. 4.
[html] meta 태그로 페이지 이동하기 Head Css .remainSeconds {color:red} Javascript var seconds = 11; function calSeconds() { seconds--; $(".remainSeconds").html( seconds ); setTimeout(calSeconds, 1000); } $(function(){ calSeconds(); }); Body 10초 후에 티스토리로 넘어갑니다. 설명 위 메타 태그를 사이에 넣어주시면 됩니다. 10초 후에 티스토리로 이동하는 샘플입니다. 10초 후에 티스토리로 넘어갑니다. 2016. 2. 28.
[자바스크립트] 브라우저 크기(너비, 높이) 및 브라우저 화면 사이즈 브라우저의 크기를 확인 하는 명령어는 다음과 같습니다.window.innerWidth : 브라우저 화면의 너비 window.innerHeight : 브라우저 화면의 높이 window.outerWidth : 브라우저 전체의 너비 window.outerHeight : 브라우저 전체의 높이 아래 그림을 보면 이해하는데 더 도움이 되겠네요^^ 2016. 2. 24.
[jQuery] 마우스 클릭하면 마우스 근처에 나타나는 레이어 툴팁(Tooltip) 마우스를 클릭하면 마우스 우측하단에 레이어가 나오는 소스입니다. 만약 레이어가 브라우저 창의 너비나 길이를 벗어나게 되면 반대의 위치에 레이어를 보여줍니다. 반대의 위치에 레이어를 보여줬더니 기준점(0,0)을 벗어나게 되면 기준점(0,0)에 레이어를 배치합니다. 위 샘플 각 환경에 맞게 수정해서 사용하시면 됩니다. 2016. 2. 24.
[CSS] 마우스로 드래그하여 선택한 글자의 배경 색상 바꾸는 방법 마우스로 드래그해서 선택한 글자의 배경색을 바꿔보세요. 새로운 느낌일 겁니다^^ 보통은 마우스로 드래그 한 글자의 색상은 파란색 바탕에 글자색은 흰색으로 보여지는데요. 이걸 CSS 두 줄만 추가하면 바꿀수가 있습니다. ::selection { color:white; background:#ec008c; } ::-moz-selection { color:white; background:#ec008c; } /* firefox */ 아주 간단하죠. 여러분의 웹사이트 css 파일에 이 두 줄만 넣으시면 바뀝니다. 물론, 색상은 원하는 색으로 수정하시면 됩니다. 원래는 이런 색상으로 나오는데요. CSS를 추가하면 이렇게 색상이 바뀝니다. 2016. 2. 17.
[자바스크립트] javascript로 파일 용량 체크하기 파일 용량 체크하는 함수입니다. 이렇게 파일첨부하는 박스가 있을 때, 파일 선택시 파일의 용량은 아래와 같이 확인하시면 됩니다. document.fileForm.file1.files[0].size 2016. 2. 17.
[Html] javascript로 체크박스의 글자(text)를 클릭해도 체크되도록 하기 체크박스의 작은 부분을 클릭하는 게 간혹 힘들다고 느껴지는 때가 있습니다.특히, 사용자 입장에서 많은 편리함을 제공하는 요즘같은 때에는 더욱 불편하게 느껴지고, 운영자의 무심함을 탓하기도 합니다.조금만 더 신경써 줬으면 하고요. 아래처럼 작성하는 게 체크박스의 전통적인 방법인데요.checkbox” id=”hintYn” /> 힌트 포함checkbox” id=”imageUrl” /> 이미지 포함checkbox” id=”explanation” /> 설명 포함 아래처럼 정말 조금만 신경쓰면 체크박스의 영역을 텍스트로 확장할 수 있고 사용자에게 편리함을 더할 수 있습니다.“hint“>checkbox” id=“hint” /> 힌트 포함“image“>checkbox” id=“image” /> 이미지 포함“explan.. 2016. 2. 9.
[bootstrap] 부트스트랩 – 어픽스(Affix) 웹페이지에서 스크롤함에 따라 어떤 요소를 고정 요소로 전환하는 기능을 하는 플러그인입니다. 스크롤에 따라 메뉴가 하이라이트 되는 스크롤스파이(Scrollspy)와 비슷한 기능을 하지만 스크롤스파이는 보다 작은 규모의 콘텐츠에 사용되고 자체적으로 스크롤바가 나타납니다. 두 가지를 병합해 사용할 수도 있습니다. 이 기능을 추가하면 사이트 상단과 하단을 기준으로 일정한 거리만큼 스크롤 했을 때 지정된 요소의 위치를 고정(fixed)시키거나 원래의 위치로 복구하는 역할을 합니다. Learn more » a 태그에 데이터 속성으로 data-spy=”affix”와 data-offset-top=”300″, data-offset-bottom=”600″을 추가합니다. data-spy=”affix”는 어픽스 기능을 활성화.. 2016. 2. 8.
[bootstrap] 부트스트랩 – 이미지 슬라이딩 [캐러젤(Carousel)] 부트스트랩의 캐러젤은 이미지 슬라이드 기능을 하는 플러그인입니다. 슬라이드 애니메이션을 위해 CSS3의 규칙을 사용하므로 IE9 버전 이하에서는 애니메이션 효과가 없습니다. 가장 바깥쪽의 div에는 id를 추가합니다. 이 아이디는 .carousel-indicators 내부에 있는 li 태그와 슬라이드 내비게이션 버튼의 타겟이 됩니다. 따라서 여러 개의 캐러젤을 만들려면 이 아이디를 다르게 해야 합니다. 스타일과 슬라이드를 위해 .carousel, .slide 선택자가 추가돼 있습니다. 자바스크리브로 작동하므로 data-ride=”carousel”이 있어야 합니다. ol 태그의 캐러젤 인디케이터는 슬라이더 하단의 불릿으로 클릭하면 해당 순서의 슬라이드가 나타나는 내비게이션 역할도 합니다. data-slid.. 2016. 2. 8.
[bootstrap] 부트스트랩 – 간단한 콜랩스(Collapse) 어코디언이나 내비게이션에 같은 구성요소를 만들 수 있습니다. 우선 간단한 콜랩스를 만들어 보겠습니다. button 태그에 data-toggle=”collapse”가 포함돼 있고 타겟으로 demo가 있으며 이것은 콘텐츠 영역에 있는 div의 id와 일치합니다. .in을 제거하면 처음으로 닫힌 상태가 됩니다. 버튼뿐만 아니라 a 태그를 사용할수도 있습니다. Simple collapsible Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ulla.. 2016. 2. 8.
[bootstrap] 부트스트랩 – 여러 개의 콜랩스(Collapse) 여러 개의 콜랩스가 서로 연동되게 만들려면 구성요소의 패널을 사용하며 가장 바깥쪽의 div에 .panel-group 선택자와 id를 추가합니다. 이 아이디(accordion)는 .panel-heading에 있는 a 태그의 data-parent 속성 값과 연결되며 이 링크를 클릭하면 패널의 콘텐츠가 닫히거나 열리고, 닫힌 곳을 클릭하면 이미 열린 곳은 닫히는 토글 기능이 기본으로 돼 있습니다. 다시 각 a 태그에 있는 href 속성 값은 콘텐츠 영역에 있는 id와 연결됩니다. 콘텐츠 영역의 개폐는 자바스크립트를 사용하므로 data-toggle=”collapse” 속성이 포함돼 있습니다. 콘텐츠 영역의 클래스 선택자로 .collapse가 있는데 .in이 포함되면 열린 상태가 됩니다. 여기서는 첫번째 콘텐츠 .. 2016. 2. 8.

티스토리툴바