본문 바로가기

웹개발

[외부 JS] 달력 관련 JS (Fullcalendar) 데모 이렇게 나온 달력을 다양한 방식으로 컨트롤 할 수 있습니다. 다운 경로 https://fullcalendar.io/ 압축 해제 후 시연 화면 달력 관련 JS 로 FullCalendar.js를 소개 하려 합니다. Jquery 에서 제공하는 https://jqueryui.com/datepicker/ 도 나중에 보시면 좋을 것 같네요. JavaScript 구현부 데모를 받아보시게 되면 위와 같은 방식으로 옵션을 설정할 수 있습니다. 먼저 init은 화면이 보여질 때 캘린더의 기본 옵션을 지정해주는 곳입니다. 위에서 부터 천천히 훑어 내려가면 풀 캘린더를 보여줄 div id를 지정하는 곳 입니다. 저 calendar id를 가진 div에 캘린더가 보여지게 됩니다. 옵션 - themeSystem : 달력의 .. 더보기
[Spring] Maven repository의 위치 변경 첨부 파일 : settings.xml Maven repository 위치 변경 프로젝트를 나가서 SVN 이나 깃으로 소스를 체크아웃 받는데, 본인이 가지고 있던 프로젝트의 maven repository의 jar들이랑 '부딪힐 것 같은 불안감에 어떻게 하면 프로젝트 별로 repository를 가질수 있지?'라는 의문을 갖고 이것저것 검색을 해보다가 찾게 된 겁니다. 별도의 설정이 없다면 maven repository의 디폴트 경로는 아래와 같습니다. 프로젝트별로 repository를 갖게 하는 방법까지는 찾지 못했고, workspace별로 repository의 위치를 변경 할 수 있는 방법까지만 찾은 상황입니다. ※ 만약 프로젝트 별로 repository를 갖게 된다면 엄청난 낭비가 될 수 있을 거 같습니.. 더보기
[기타] 호스트 파일 소개 호스트 파일이란?컴퓨터가 인터넷을 사용할 때 URL( 예, 'www.daum.net' )을 이용을 합니다. 실제로 이러한 URL은 도메인 네임 서버(DNS)를 통해서 'www.daum.net'의 주소를 실제로 접속해야 할 IP를 얻게 됩니다. Hosts 파일은 DNS를 통해서 IP를 구하기 전에 먼저 검색하는 URL 주소록이라고 보시면 됩니다. 예를 통해 보여드리도록 하겠습니다. 호스트 파일을 수정 해보겠습니다.경로 : C:\Windows\System32\drivers\etc hosts 파일 # Copyright (c) 1993-2009 Microsoft Corp.## This is a sample HOSTS file used by Microsoft TCP/IP for Windows.## This fil.. 더보기
[Spring] Jasypt 를 이용한 DB 설정파일 암호화 Spring DB 설정 파일 암호화 Jasypt를 이용하여 db 설정 파일 암호화를 진행하겠습니다. 보통 스프링에서 MySql, Oracle, MariaDB 등을 사용하기 위해서 xml 설정을 하는데 아래 사진처럼 설정을 합니다. context-datsource.xml 이런식으로 xml 파일을 설정해서 호스팅이나 실제 서버에 소스파일을 올려서 사용한다면 악의적인 생각을 품고 있는 해커에게 해킹을 당할 수도 있습니다. 100%로 완벽한 방법은 아니지만 해커의 1차적인 공격의 위험을 줄이고자 Jasypt 를 사용하여 xml 설정파일을 암호화 해보겠습니다. 먼저 Jasypt를 사용하기 위해서는 pom.xml 파일에 아래의 사진처럼 dependency 를 추가해 줍니다. pom.xml 추가를 하면 maven에 .. 더보기
정규표현식 소개 사이트 - 자바스크립트 기반 Previous Next 링크 https://www.slideshare.net/ibare/ss-39274621 정규표현식을 슬라이드 형식으로 편하게 만들어 놓은 사이트 입니다. 정규표현식 기초 잡기에 좋은 사이트 같아 소개해드려요~ 가볍게 보시면 좋을 것 같습니다. 더보기
[이클립스] 서버구동시 포트 충돌에 대한 대처 방법 이클립스를 사용하여 개발 하던 도중 잘 동작하던 톰캣 서버가 톰캣 서버를 내렸으나 제대로 내려 가지 않았을 경우, 이클립스가 알 수 없는 에러에 의해서 멈추는 경우, 혹은 다른 이유에 의해서, 다시 서버를 올리려고 하면 이미 해당 포트가 사용중이라는 에러가 발생합니다. 위 에러는 임의로 발생시켰습니다. 저는 8081 포트를 사용하고 있음을 알려드립니다. 이런 에러가 발생 했을 경우, 사실 가장 간단한 방법은 컴퓨터를 껏다가 키는겁니다. 왜냐하면 계속 잘 되던 톰캣서버가 일시적으로 안되는 것이니까요. 컴퓨터를 껏다가 키면 해당 포트는 다시 사용 가능 해 질 것입니다. 하지만 우리는 개발자인데 굳이 컴퓨터까지 껏다가 킬 필요가 있을까요? 개발자 답게 한번 해결해 보겠습니다. 우선 바탕화면에서 '윈도우버튼 +.. 더보기
[JSP] 나만의 커스텀 태그 만들어 효율적인 작업을 하자 많은 분들이 사용하고 계시는 JSTL처럼 JSP 상단에 선언하여 사용할 수 있는 자신만의 taglib 만드는 방법을 소개하려 합니다. 파일 구조 빨간색 박스로 쳐져 있는 파일들이 필요합니다. 우선, 함수를 만들 자바 클래스부터 생성을 해줍니다. 저는 geun 폴더 아래에 TableMakeTag.java로 생성했습니다. (이름은 자신이 알아보기 쉬운 이름으로 만들어주시면 됩니다.) TableMakeTag.java 파일을 생성하면 아래와 같은 화면이 나옵니다. TableMakeTag.java Tag를 만들기 위해서는 doTag()라는 함수를 사용해야 합니다. 그러기 위해 SimpleTagSupport 상속받아야 합니다. Maven 에서 SimpleTagSupport를 사용하기위해 pom.xml 에 아래 내용.. 더보기
[Javascript] 자바스크립트의 빈값 체크 (+숫자, 배열도 한꺼번에) 자바스크립트 빈값 체크 자바스크립트 빈 값들인 "", null, undefined, 0, NaN 가 false를 return 한다는 것을 알고 계셨나요!? 코드를 보며 설명을 드리고, 위 빈값들과 배열, 객체의 빈값을 한번에 체크할 수 있는 소스를 소개 하려 합니다. Javascript 이렇게 "" 과 null 그리고 undefined를 초기값으로 주고 if문 안에 넣게 되면 각각의 값들은 false를 return하게 되어 비어있다는 log를 확인할 수 있습니다. Console 이렇게 간단히 값을 체크하고자 할 때는 위의 코드를 사용하셔도 됩니다. 다만 ! 주의할 점들이 있습니다. 1) 숫자 0 같은 경우에 if문 안에서 false를 return하기에 아래와 같이 숫자 0이 원하는 값임에도 불구하고 fa.. 더보기
[Java] Poi 를 이용하여 데이터를 Excel 다운 받아보자 준비우선 라이브러리를 추가 해야 합니다. 1) 직접 다운로드 http://poi.apache.org/download.html 다운로드 받아 각자 라이브러리 위체에 맞게 추가해준다. ※ 3.14 버전으로 진행 했습니다. 2) Maven 내에 Pom.xml 추가 Pom.xml org.apache.poi poi 3.14.1 org.apache.poi poi-ooxml 3.14.1최종 작업 파일 DB를 통해 가져온 후 구동한 페이지 입니다. 해당 데이터를 다운 받아 보겠습니다. ExcelController.java [설명] 1) List에 담겨있는 Test 값들을 Cell로 집어 넣어 1행씩 만들어 줍니다. 2) 엑셀 colum의 숫자입니다. 3) labels 과 styleInfo 를 보시면 각각 6개씩입니다... 더보기
[DB] 툴을 이용하여 개발에 필요한 샘플데이터 만들기 1. https://www.generatedata.com개발을 하다가 간혹 테스트용 데이터가 필요한 경우가 있을 수 있는데 ex) 게시판을 만드는데 페이징을 테스트할 데이터가 필요하다 던지요 이런 경우에 테스트용 샘플 데이터를 쉽게 만들어 주는 사이트가 있어서 사용 방법을 설명 드리겠습니다. 먼저, 아래 사이트에 접속 합니다. https://www.generatedata.com 사이트에 접속하면 아래와 같이 샘플 데이터를 만들 수 있는 폼이 뜹니다. DATA SET 샘플 데이터로 만들 컬럼명과 타입 정보를 입력할 수 있습니다. 타입은 숫자, 날짜, 이름, 전화번호, 국가, 회사 등 다양합니다. EXPORT TYPES 샘플 데이터를 어떤형식으로 보여줄지를 정할 수 있습니다. JSON 형식, HTML tab.. 더보기

티스토리툴바