삽질하는 프로그래머 통통만두의 판톼스틱한 삽질기

앞서 포스트에서 jQuery를 사용해서 파일 업로드하는 글을 포스팅 했습니다.그 다음에 할 일이 엑셀 파일을 업로드 한 후에 안에 있는 내용을 DB에 넣는 작업을 진행했습니다. 물론 기존 프로젝트에도 엑셀 업로드한 후에 안에 있는 내용을 읽어와서 DB에 넣는 로직이 있긴 했지만 엑셀 형식에 따라서 매번 controller이나 내용도 달라져야 했기에 해당 작업이 필요할 때마다 컨트롤 + c, 컨트롤 + v 를 한 후에 입맛에 맛게끔 변형하는 과정이 필요했습니다. 그래서 깔끔하게 범용으로 쓸 수 있게 만들어보았습니다. 물론 더 좋은 것도 많이 있겠지만 이런 방법도 있구나 하는 정도로만 봐주시고 군더더기가 있다면 본인 업무에 맞게끔 수정해서 쓰시면 좋을 것 같습니다. JavaScriptvar formData ..

안녕하세요 삽질하는 프로그래머 통통만두입니다. 이번에는 프로젝트를 진행하면서 파일 업로드를 구현을 하게 되었습니다.소스상으로 간단한 방법이 없을까 찾아봤는데 jQuery 를 통해서 정말 간단하게 해결할 수 있었습니다. source.jsp × 엑셀 업로드 확인 취소 script$("#btnExcelUpload").click(function() { if( isNull($("#excelFile").val()) ) { $("#excelFile").focus(); alert("파일을 선택하세요."); return; } var formData = new FormData(); formData.append("excelFile", $("#excelFile")[0].files[0]); $.ajax({ url: "${con..

안녕하세요~ 날씨가 점점 풀리고 있는 요즘입니다. 아침 저녁으로 일교차가 심한데 다들 감기 조심하세요 ^^ myBatis 에서 java 함수를 사용할 수 있다는 사실! 알고 계셨나요? package com.mythsoft.common.util; import com.enrsoft.gn.core.entity.ItemListEntity; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import javax.servlet.http.Cookie; import javax.servlet.http.HttpServletRequest; import java.io.File; import java.io.UnsupportedEncodingException; import j..

최근들어 Spring Boot 를 이용한 웹사이트 구축을 해보고 있습니다. 처음하는 것이라 이리저리 많이 헤메이는데, 제목과 같은 에러가 발생했을 경우 해결하는 방법을 포스팅합니다. If your application is running on WebSphere Application Server you may be able to resolve this problem by setting com.ibm.ws.webcontainer.invokeFlushAfterService to false 위와 같은 에러가 발생할 경우 Spring Boot 로 프로젝트 생성시 자동으로 만들어주는 DemoApplication (저의 경우에는 프로젝트 이름을 Demo로 하여서 저렇게 됩니다.) java 의 내용을 아래와 같이 해줍..

Intro 안녕하세요~ 삽질하는 프로그래머 통통만두입니다. 이번에는 jQuery Cookie Plugin 에 대해서 포스팅을 하려고 합니다. 기본적으로 html 에서 document.cookie 를 통해서 쿠키를 저장하고 사용을 했었는데 뭔가 깔끔하지도 않고 불필요한 소스를 덕지덕지 붙이는 것 같아서 jQuery Cookie Plugin 을 찾아봤습니다. jQuery Cookie Plugin DownloadjQuery Cookie Plugin Download (새창) Plugin 선언 쿠키 설정 $.cookie("key", "value"); 쿠키 불러오기 $.cookie("key"); 쿠키 삭제 $.removeCookie("key"); or $.cookie("key", null); 쿠키 설정 사용 $.c..

안녕하세요~ 삽질하는 프로그래머 통통만두입니다. JAVA 로 웹 개발을 하다보면 짜잘하게 쓰이지만 다 기억을 못하는 것도 있고 매번 인터넷이나 개발한 소스에서 찾아가며 하는 것도 한계가 있고, 간단하기에 건건이 포스팅을 하기에도 무리가 있다 싶은 것들은 앞으로 여기에 모아서 계속 추가해나갈 예정입니다.물론 이 팁이 유용하게 쓰이시라는 바램도 있지만 무엇보다도 제가 편하려고 포스팅을 남깁니다. 같은 ID가 복수개가 있을 때 한 번에 처리하기 $("[id='remove']").remove(); 숫자 format 지정하기 엑셀로 다운로드시 숫자를 텍스트로 지정하기 ${item.EST_NO} 페이지 ready 이벤트 처리 $(document).ready(function() { /* code */ }); opti..

안녕하세요~ 삽질하는 프로그래머 통통만두입니다. 앞전에 html 페이지를 엑셀, 워드, 한글 파일로 다운로드하는 방법을 소개해드렸습니다.하지만 그러기 위해서는 조회화면과는 별도로 엑셀 다운로드 페이지를 생성해서 해야했습니다.매번 엑셀 다운로드를 위해서 같은 페이지를 만드는 것도 비효율적이라 생각하여 이리저리 찾아봤습니다.역시나 jQuery에서는 해당 기능을 제공해주고 있었습니다!!이름하여 jquery-techbytarun-excelexportjs 입니다. 다운로드 : https://github.com/battatech/battatech_excelexport 우선 아래와 같이 추가를 해줍니다. 그러고나서 예를 들면 엑셀 다운로드 버튼을 눌렀을 경우에 아래와 같이 추가를 합니다. $("#tblResult")..

안녕하세요~ 삽질하는 프로그래머 통통만두입니다. 웹페이지에서 자료를 조회한 후에 이를 엑셀, 워드, 한글 파일로 다운로드를 해야할 필요가 있을 수 있습니다.jsp페이지에서 처리를 해도 되고 Controller 에서 처리를 해도 되지만 MVC패턴을 사용하고 있는 저의 경우에는 Controller 에서 처리를 하였습니다. 기본 코드 String today = new SimpleDateFormat("YYYYMMDDHHmmss").format(new Date()); res.setHeader("Content-Type", "application/vnd.파일형식;charset=utf-8"); res.setHeader("Content-Disposition", "attachment;filename=파일명" + today..

안녕하세요~ 삽질하는 프로그래머 통통만두입니다. 이번에는 콜센터에서 사용할 CTI폰과 웹을 연동하고 있습니다. 걸려온 전화번호를 DB에 입력하는 로직을 ajax를 통해서 구현을 해놓았습니다. 개발환경에서 테스트를 할 때 같은 번호로 계속 전화를 걸면서 확인을 하는데 웹페이지를 로딩한 이 후에 한 번만 DB에 전화번호가 저장이 되고 그 다음부터는 새로고침하기 전까지는 전화번호 저장이 안되는 것이었습니다. 처음에는 일시적인 현상이겠거니 하고 신경을 쓰지 않았는데 여기서 문제가 있다는 것을 느꼈습니다. 하지만 아무리 해봐도 처음 한 번 그 이후에는 저장이 되질 않는 것이었습니다. 중간에 연결이 끊겼거나 에러가 발생한다거나 뭐 이런것도 없었습니다. 나중에 알고 봤더니 IE환경에서만 나타나는 현상인데 ajax 요..

안녕하세요~ 삽질하는 프로그래머 통통만두입니다. 이번에는 웹에서 ActiveX 를 사용하는 방법에 대해서 포스팅을 해볼까 합니다. 일전에 CS 프로그램을 개발할 때는 제가 ActiveX 파일을 만들어 주는 입장이었는데 지금은 누군가가 만든 ActiveX 를 웹에서 사용해야 하는 입장으로 바뀌었습니다. ^^; 처음 구글에서 ActiveX 설치와 관련해서 자료를 찾아보고 소스에 적용을 했는데 ActiveX 설치 팝업이 뜨지 않았습니다. 아래쪽에서 수동으로 설치하는 방법을 알려드릴테지만 IE에서는 보안정책 때문에 여간 귀찮은 것이 아닙니다. 이것저것 바꾸어보아도 돌아오는 것은 스트레스뿐.. ㅠ_ㅠ 개발환경에서 테스트를 해보고자 하실때는 IE의 보안수준을 최하로 하시거나 보안정책을 손 본 후에 테스트를 하시면 ..

안녕하세요~ 삽질하는 프로그래머 통통만두입니다. 어느덧 웹 개발을 시작한지도 3개월이 조금 넘었네요.어려울 것처럼 느껴졌던 웹개발이 시간이 갈수록 익숙해짐에 따라서 쉽게 느껴지네요. 어디까지나 저의 느낌입니다 ^^;요즘에는 통계쪽 화면을 개발하고 있는데요, 간단한 화면구성도 있지만 복잡한 화면구성도 있는데 이 것을 화면으로 출력하자니 난감한 상황이 발생하네요. 우선 현재 html table 로 구성된 화면은 위의 이미지와 같습니다. 위 아래 같은 이름은 rowspan을 해주어야 하는데 jstl로 개노가다를 해야 하나 어떻게 해야 하나 고민이 많았습니다. 하지만 하늘에서 한 줄기 빛이 내려왔습니다. 그 이름은 바로 jQuery !!!! ㅋㅋㅋㅋ정말 jQuery 짱입니다. $.fn.rowspan = func..

현재 MVC 패턴을 이용해서 개발을 하고 있습니다. jsp 에서 JSTL을 사용해서 forEach를 역순으로 하기 위해서 이리저리 시도해봤습니다만 제가 적용한 코드는 아래와 같습니다. 약간의 첨언을 드리자면 인터넷에 찾아보면 jsp 에서 java 코드를 사용해서 역순으로 출력하기도 하는 예제가 있는데, 일단 MVC 패턴에 충실하기 위해서는 View 에서는 java 가 쓰이면 안된다는 선배의 조언이 있었습니다. 아직 jsp 웹 개발에 익숙하지 않은터라 쉽진 않지만 배울게 참 많다고 느낍니다. 또한 배우면서 저 스스로 즐거움을 찾고 만족하고 있습니다. [${orderList[orderListLength - status.count].order_stat_name}] [${orderList[orderListLen..

게시판 형식을 만들면서 textarea 의 값을 DB에 저장할 때 흔히들 말하는 개행문자인 \r\n 이 그대로 저장이 됩니다. 하지만 그 값을 가져와서 사용하려면 줄바꿈이 적용이 되지 않는 것을 볼 수 있습니다. DB에 값을 입력할 때 개행문자를 태그로 변환하거나 jsp 화면에 뿌릴 때 개행문자를 태그로 변환을 해야 하는데 DB에는 그대로 개행문자를 입력하면서 화면에는 태그로 변환하는 방법을 해보겠습니다. JSTL 을 사용하며 아래와 같이 할 수 있습니다. 우선 소스 상단에 아래의 코드를 추가합니다. pageContext.setAttribute("cr", "\r"); pageContext.setAttribute("lf", "\n"); pageContext.setAttribute("crlf", "\r\n"..

Intro안녕하세요~ 삽질하는 프로그래머 통통만두입니다.제 평생에 웹은 개발을 하지 않을 줄 알았더니 웹 개발을 하고 있습니다. ^^; 웹쪽 프로젝트를 진행하는 것이 처음이라 여러모로 헤메기도 하고 이름에 걸맞게 삽질을 하고 있는데요, 이번에는 table column sort 를 다루어 볼까 합니다. 사실 제가 나중에 참고하고자 포스팅을 하는 목적이 더 크네요. jQuery의 tablesorter 플러그인을 사용하게 된 과정이 있는데 각설하고 본론으로 들어가겠습니다. jQuery Plugin Download먼저 해당 플러그인을 사용하려면 플러그인을 설치하고 웹서버에 js파일을 업로드한 다음 사용해야 합니다. http://tablesorter.com/docs/ 해당 사이트에서 개요와 함께 다운로드, 예제를..