본문 바로가기
반응형

분류 전체보기76

부트스트랩 모달 닫기 이벤트 부트스트랩 모달 레이어 팝업 제어하기 웹을 개발하면서 CSS에 대해 지식이 부족하더라도 부트스트랩을 이용하면 어느정도 디자인을 하실수 있죠. 보기좋은 떡이 먹기도 좋듯이 웹사이트 또한 디자인이 상당히 중요하다고 저는 생각 합니다. 저는 혼자 개발 할때가 자주 있는데 이럴때면 부트스트랩 템플릿 사이트나 관련 CSS 파일들을 보며 공부를 하곤 합니다. 그 중에서도 요새 많이 쓰이는 레이어팝업, 다른 말로 모달창이라고도 하죠. 이것을 어떻게 화면에 띄우고 제어하는지에 대해서 공부하려고 합니다. Bootstrap Modal 창다음과 같이 기존 자바스크립트 alert 창을 이용하지 않고 CSS를 이용하여 기존 화면을 어둡게 처리하고 그 바로 위에 팝업창을 띄우는 효과 입니다. 이질감 없이 훨씬 자연스러운 팝업창을.. 2018. 10. 16.
자바스크립트 배열에서 빈 요소 제거 Javascript array null 값 제거 자바스크립트를 사용하다 보면 동일한 input value name 값에서 배열을 이용하여 값을 가져오기 할 경우가 많습니다. 이럴때 심심찮게 빈 값도 같이 가져오는 경우가 있는데요. 효율적인 코딩을 위하여 배열에서 빈 요소를 제거하고 싶을 경우에 쓰는 코드입니다. var user_nm = new Array(); //배열값 [1, 2, 3, ,,,, 0, 4, 4, 5, 6] user_nm = $.grep(user_nm,function(n){ return n == " " || n; }); // 배열 빈요소 제거 alert(user_nm); // 결과값 [1, 2, 3, 3, 0, 4, 4, 5, 6] 다음과 같이 alert 창으로 띄워서 확인하시면 빈 값이나.. 2018. 10. 4.
자바 파일 입출력 너무 쉬워요. 속도가 빠른 NIO 방식 자바 파일 입출력 NIO 를 이용하여 속도를 빠르게 이용하자 파일 이동/복사 관련하여 작업을 하던중에 I/O를 사용하였는데, 속도가 너무 느리더라구요. 고작 6메가짜리를 이동/복사 하는데 말이죠. 그래서 속도를 향상시키는 방법이 뭐가 있나 찾아보던 도중에 NIO 를 알게 되었습니다. NIO 란?자바 4 버전부터 새로운 입출력이라는 (New Input/Output) 의 약어로 NIO 패키지를 포함 시키면서 나오게 되었습니다. 이후에 자바7에서는 비동기 채널등의 네트워크 지원을 강화시킨 NIO 2 API 가 추가되었죠. 일반 IO 와 그러면 어떠한 차이점이 있을까요? 구분 IO NIO 입출력 스트림 채널 비동기 지원안함 지원함 블로킹 / 논블로킹 블로킹만 모두 지원 이렇게만 보아도 NIO 가 훨씬 좋다는걸 .. 2018. 9. 21.
jsp json 데이터 받기 $.each(data, function(key,value) 이용하여 데이터 받기 비동기 방식으로 동작하기 위해 ajax를 사용하게 됩니다. 저는 레이어팝업에서 데이터를 가져오기 위하여 사용하였습니다. 레이어팝업은 한페이지 안에서 동작이 이뤄져야 하기 때문에 ajax 통신이 필요합니다. 장점은 비동기로 작동하기 때문에 해당기능이 데이터를 처리하는 동안에 또 다른 동작을 수행할수 있고, 불필요한 화면 로딩을 줄이고, 조금더 자유롭게 보이는 페이지 구현을 가능하게 해줍니다. Jquery each 의 표현식 JSP 에서 $.each(data, function(key,value) 으로 데이터를 가져오고 function 기능을 통해 key 와 value 를 구분하여 가져올수 있습니다. 이렇게 가져온 키와 값은 물론.. 2018. 9. 20.
자바 AES256 암호화 복호화 3분만에 하는방법 JAVA AES256 양방향 암호화 방식 실제 프로젝트를 진행 하면서 사용 하였던 AES256 암호화 기법을 소개하려고 합니다. 실제로 아직까지 많은 자바 개발자들이 이용하고 있습니다. 아파치에서 제공하는 common.codec 을 사용하며, 별도의 많은 파일은 필요하지 않습니다. commons-codec-1.10.jar 파일을 필요로 합니다. 이것은 저가 하단쪽에 첨부해드릴게요. ㅎㅎ 대칭키(비밀키) 방식의 AES256 암호화 장단점예전 AES128(128비트 블록암호화)를 사용하던 암호화가 보안에 취약하여, 개선된 버전이 AES256(256비트 블록암호화) 입니다. 주로 평문 데이터를 암호화하는데 많이 쓰이며, 비밀키 하나로 데이터를 암호화 하고 복호화를 하며 사용하게 됩니다. 장점으로는 AES128.. 2018. 9. 17.
HTTP POST 를 이용한 파일 전송하기 httpclient 를 이용한 POST 파일, 이미지 전송프로젝트를 진행 하며 클라이언트가 파일업로드를 하면 파일을 서버에서 PDF로 변환 한뒤, 다시 클라이언트 리다이렉트 해주는 로직을 구현하고 있습니다. 자바의 org.apache 를 이용하여 post 방식으로 파일을 서버에 전송하는 소스파일 입니다. HTTP POST 를 이용한 파일 전송하기 import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import org.apache.http.HttpEntity; import org.apache.http.HttpResponse; import org.apache.http.client.Http.. 2018. 9. 17.
반응형