프로그래밍 언어349 [전자정부 표준프레임워크] 간단한 개인홈페이지 만들어보기 전자정부 표준프레임워크는 이미 구축된 간단한 개인홈페이지를 쉽게 만들수가 있습니다. 물론, 본인이 더 필요한 부분이나 디자인은 소스를 수정해서 사용해야겠지만요. egovFrame Template Project를 생성하시면 개인홈페이지가 뚝딱 만들어집니다. 한번 볼까요? 홈페이지 유형이 아래와 같이 4개가 있는데 여기서는 간단한 개인홈페이지를 만들어볼테니 [Simple Homepage]를 선택하시면 됩니다. 프로젝트명을 입력해 주시구요. 자, 이렇게 프로젝트가 생성이 됬는데요. 2015/10/23 - [프로그래밍 언어/전자정부 표준프레임워크] - [전자정부 표준프레임워크] 톰캣(Tomcat) 설치하기 톰캣을 설치하고 연결했다면 실행을 해보겠습니다. 이렇게 간단한 개인홈페이지가 뚝딱 하나 탄생했습니다.ㅋ 물.. 2015. 10. 23. [전자정부 표준프레임워크] 톰캣(Tomcat) 설치하기 전자정부 표준프레임워크를 설치했으니 이제 WAS인 톰캣을 설치해 보겠습니다. http://www.apache.org/ 이곳에서 톰캣은 미리 다운로드 받아놓으셔야 합니다. 저는 Tomcat 7.0을 미리 다운로드 받아놓았습니다. [Server] 탭에서 아래 그림처럼 링크를 클릭하셔도 되고 마우스 오른쪽 클릭하셔서 [new]로 등록하셔도 됩니다. [Browse...] 버튼을 눌러서 미리 다운로드 받았던 Tomcat이 있는 폴더를 선택해 주세요. 이 톰캣으로 실행할 프로젝트를 추가해 주세요. 자, 이렇게 톰캣이 설치가 되었습니다. 2015. 10. 23. [전자정부 표준프레임워크] 전자정부 표준프레임워크 설치하기 '전자정부 표준프레임워크 설치하기'라고 거창하게 얘기했지만, 사실은 다운로드 받아서 압축을 풀고 원하는 위치에 이동시키고 이클립스를 실행하면 설치완료입니다. 간단한 이 설치과정을 그림을 통해서 확인해보겠습니다. http://www.egovframe.go.kr/ 로그인을 해야 다운로드 받을 수 있으므로 계정이 없다면 회원가입을 하셔야 합니다. 자신의 컴퓨터 OS가 64bit인지 32bit인지 알아야 합니다. 요즘 최신 PC들은 거의 대부분 64bit더군요. 윈도우에서 [내 컴퓨터] 아이콘에 마우스 오른쪽 클릭해서 [속성] 들어가시면 확인하실 수 있습니다. 다운로드 받은 exe 파일을 실행하면 압축이 풀립니다. 압축을 풀면 설치가 끝난거구요. eGovFrameDev-3.5.1-64bit > eclipse >.. 2015. 10. 23. [Mysql] phpMyAdmin에서 사용자 비밀번호 변경하기 제가 phpMyAdmin에서 moaFrame이라는 DB와 계정을 생성했는데, 며칠이 지나고나니 비밀번호가 기억이 나질 않네요 ㅠㅠ (이놈의 기억력!) 그래서, 비밀번호를 바꿔버렸습니다. phpMyAdmin 에 root 계정으로 들어가서 아래와 그림처럼 변경하시면 됩니다. 잘 변경되었나요? ㅋ 2015. 10. 22. [전자정부 표준프레임워크] Database Connections 생성하기 (Mysql) Mysql용 Database Connections를 생성해 보겠습니다.한번 생성해 놓으면 DB Connection이 필요할 때마다 선택해서 사용할 수 있어서 편리합니다. 아래 그림을 쭉~ 따라하시면 됩니다. 아래 그림은 MySQL 5.0을 선택했는데, 필요한 mysql-connector-java-5.0.0-bin.jar 파일이 없다는 메시지입니다.이런 에러메시지가 나오지 않는다면 그냥 next 버튼 눌러서 진행하시면 됩니다. mysql-connector-java-5.0.0-bin.jar 파일이 없으므로 구글링으로 파일을 다운로드해서 원하시는 위치에 저장하세요. 저는 오라클 계정을 만들고 좀 복잡하게 다운로드 받았습니다.다운로드 되었다면 [JAR List] 탭을 클릭해서 다운로드 받은 jar 파일을 [Ad.. 2015. 10. 22. [jQuery] 달력 및 입력란 날짜 포맷 맞게 해주는 플러그인(plugin) - jsfiddle.net inputbox와 연계할 달력을 찾던 중에 아주 좋은 jQuery 달력 플러그인을 발견해서 소개해 드립니다.달력도 달력이지만, "2015-10-06"처럼 포맷에 맞게 입력하도록 inputbox를 셋팅해 주고, 잘못된 날짜가 입력됬는지도 체크해주는 완벽한 플러그인이네요. http://jsfiddle.net/trixta/swqme/이 링크 클릭하시고 가서 한번 확인해 보세요. 이 파일을 다운로드 받아서 압축풀고 실행해 보셔도 됩니다. "연도-월-일" 포맷을 자동으로 설정해 주고 있구요. 이처럼 validation 체크까지 해주고 있습니다. 화살표로 날짜를 이동할수도 있고 달력을 선택할수도 있네요.VB나 델파이같은 애플리케이션으로 구현된 달력 입력란과 거의 동일하게 구현해 놓았네요. 달력이 필요하신분들 한번 .. 2015. 10. 6. [전자정부 표준프레임워크] Database Connections 생성하기 (오라클) 전자정부 표준프레임워크에서 미리 Database Connection 정보를 가지고 있으면 공통 컴포넌트를 받을 때에 테이블 생성을 자동으로 할 수 있는 등 매우 편리합니다.오라클 Database Connection을 생성하는 방법을 알아보겠습니다. [Data Source Explorer]를 여세요.혹시, Data Source Explorer가 보이지 않는다면 [이클립스 메뉴 > Window > Show View > Data Source Explorer] 를 클릭해서 추가해 주세요. [Database Connections]에서 마우스 오른쪽을 클릭해서 New를 선택하시고 아래 그림을 쭉~ 따라하시면 됩니다. ojdbc14.jar 파일을 추가해줘야 합니다.혹시 이 파일이 없다면 아래 첨부된 파일을 다운로드 .. 2015. 9. 24. [쿼리문/오라클] 간단한 쿼리로 일련번호 쉽게 넣기 - ROWNUM 사용 보통 PK로 일련번호를 많이 넣는데요.PK가 없는 테이블에 ROWNUM을 사용하면 간단하게 일련번호를 넣을 수 있습니다. JOBS 라는 테이블에 PK가 없는데요.다음 쿼리로 PK로 사용할 SEQ_NO라는 컬럼을 만들어 보겠습니다.ALTER TABLE JOBS ADD SEQ_NO NUMBER(12); 다음 쿼리로 SEQ_NO 컬럼에 일련번호를 넣습니다.UPDATE JOBS SET SEQ_NO = ROWNUM; 결과를 볼까요? 일련번호 넣는데 커서 만들고 복잡하게 할 필요 없습니다^^순서가 아주 중요한 게 아니라면요. 2015. 9. 16. [쿼리문/오라클] WHERE절에서 Null 값 비교하기 Null 값은 다른 값과 비교하는 방법이 다른데요. NULL의 비교법같은지 비교 : WHRE COMM IS NULL다른지 비교 : WHERE COMM IS NOT NULL NULL 이외의 비교법같은지 비교 : WHERE COMM = '300'다른지 비교 : WHERE COMM '300' Nul의 잘못된 비교 WHERE COMM NULL 아래처럼 NULL인 데이타가 있는데도 결과값이 나오지 않습니다. NVL() 함수를 이용한 비교NVL() 함수는 NULL일 경우, 다른값으로 치환해주는 함수인데 이걸 이용해서 비교할 수 있습니다.WHERE NVL(COMM, -1) = -1 2015. 8. 7. [오라클] Oracle에서 ORA-28000: 계정이 잠금되었습니다. - 해결 방법 Oracle에서 ORA-28000: 계정이 잠금되었습니다. 해결방법입니다. 1. SYS나 SYSTEM 계정으로 로그인합니다. 2. ALTER USER 계정 ACCOUNT UNLOCK; 명령어를 실행한다. SCOTT을 로그인하려니 계정이 잠겼다네요 ㅠ SYSTEM으로 로그인했습니다. (SYS로 하셔도 됩니다.) 아래 명령어를 실행하고 다시 로그인하니 해결 완료~!!! [출처] ORA-28000: 계정이 잠금되었습니다. (the account is locked.) 오라클 오류|작성자 호옹 2015. 8. 7. [jQuery] 제이쿼리 숫자에 콤마 찍어주고 소수점 제어하는 플러그인(plugin) jQuery의 장점은 사용하기 너무너무 편리하다는 것 외에.. 원하는 모든 게 플러그인만 받으면 구현이 가능하다는 것입니다. 원하는 게 있다면 먼저 플러그인부터 검색해 보세요. 숫자에 3자리마다 콤마를 찍어야 하는 경우가 있어서 플러그인을 찾아보았습니다. 아래 첨부된 파일 다운로드 받아서 사용하시면 되구요. 아래 링크 들어가셔서 다운로드 받으셔도 됩니다. https://github.com/teamdf/jquery-number jquery.number.min.js 파일만 소스에 추가하시면 되구요. 아래처럼 $.number() 함수 안에 숫자 넣으셔서 사용하시면 됩니다. selecter로 객체를 찾아 구현할 때는 $(객체).number() 사용하시면 되네요. $("span").number( true, 2 ).. 2015. 8. 6. [자바스크립트] javascript로 contextPath 구하는 함수 만들어 사용하기 function getContextPath() { var hostIndex = location.href.indexOf( location.host ) + location.host.length; return location.href.substring( hostIndex, location.href.indexOf(‘/’, hostIndex + 1) ); }; 물론, contextPath가 존재할 때만 사용하셔야 합니다. 안 그럼 엉뚱한 값을 가져오게 되니까요. contextPath를 구하는 함수입니다. http://localhost:8080/test/code/codename.do URL 주소가 위와 같다면 /test 라는 contextPath를 구하게 됩니다. 만약, 네이버 블로그를 가입해서 운영하신다면 htt.. 2015. 7. 29. [jQuery] 마우스로 움직이는 팝업레이어 - 제이쿼리로 만들기 $(function() { $( "#draggable" ).draggable(); });draggable() 메소드만 호출하면 됩니다. 사이에 아래 스크립트 넣어주는 거 잊으면 안되겠죠. 2015. 7. 22. [자바스크립트] javascript 변수나 함수의 존재여부를 확인해 주는 연산자 typeof 나름 자바스크립트를 잘 사용한다고 생각했었는데 여태 typeof라는 연산자를 모르고 있었다니 부끄럽네요.오늘 코딩을 하다가 '함수가 있는지 없는지 존재여부를 확인하려면 어떻게 하지?'하는 궁금증이 생겼습니다.해당 함수의 존재여부를 알아야 하는 작업이었거든요. 그래서, 오늘에서야 드디어 typeof 연산자의 존재를 알았네요.var flag; if (typeof foo == 'undefined') { flag = false; } else { flag = true; }console.log(flag); 이런식으로 사용한다고합니다.위 예제에서는 foo라는 변수나 함수가 존재하지 않으니 false가 console에 찍히겠죠? http://koxo.com/lang/js/operator/typeof.html여기 가보시.. 2015. 7. 22. [jQuery] 제이쿼리 UI 달력/Datepicker/캘린더/Calendar jQuery Datepicker입니다. https://jqueryui.com/datepicker/ 예제(Examples)가 14개 있으니 위 링크 클릭하셔서 확인하시면 됩니다. 달력이 깔끔해서 마음에 드네요. 특별한 설명보다는 사이트 가셔서 예제를 클릭해 보시고 View Source 눌러보시면 소스 확인하실 수 있습니다. 2015. 7. 21. 이전 1 ··· 15 16 17 18 19 20 21 ··· 24 다음