공부한것들을 정리하는 블로그 입니다.

Servlet servlet은 톰캣 위에서 동작하는 java 프로그램입니다. 더 정확히 말하자면 servlet 이 초기화 되는 과정을 보면 됩니다. 여기 에 의하면, 서블릿 초기화는 다음과 같은 과정을 거칩니다. 톰캣과 같은 WAS 가 java 파일을 컴파일해서 Class로 만들고 메모리에 올려 Servlet 객체를 만들게 되고 이 Servlet 객체는 doPost, doGet을 통해 요청에 응답합니다. 초기화 과정을 더 자세히 보면 init, Service, destory 이런 콜백이 각 시점에 불리는걸 볼 수 있지요. init은 서블릿이 메모리에 로드 될때 실행됩니다. destory는 마찬가지로 언로드되기 전에 수행되는 콜백이구요. service 메소드는 HTTP Method 타입에 따라 doGet ..

웹 서버(Web Server) 웹을 서비스하는 컴퓨터 웹 페이지는 HTML이므로 웹 서버는 HTML 파일들을 모아놓고 서비스하는 컴퓨터 모든 컴퓨터는 서버가 될 수 있지만 컴퓨터를 웹 서버로 만들기 위해서는 웹 서버 프로그램을 설치해야 한다(PWS[Personal Web Server], IIS, Apache 등) 웹 서버 종류 Windows: IIS, PWS, httpds, NCSA Unix, Linux: Apache, NCSA Mac: MacHTTP 웹 애플리케이션 웹을 기반으로 실행되는 애플리케이션을 일컫는다 웹 브라우저에서 웹 서버에 서비스를 요청하고 웹 서버에서 웹 애플리케이션 서버(WAS)에 요청을 하고 WAS는 DB에 가서 처리를 한 뒤 결과를 웹 서버에 전송하고 웹 서버가 웹 브라우저에 다시..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1. 먼저 그림을 클릭하면 해당 이미지가 hide 되도록 구현해보겠습니다 fileMngSys_admin.js $(document).ready(function() { draw_html_view_page(); draw_image_container(); fn_control_mouse(); $("#button1").click(function() { alert("버튼1을 누르셨습니다."); }); }); // html을 읽어서 사용자페이지에 출력 function draw_html_view_page() { var html_view_page = ""; html_view_page = 'uploadFile/sample.html'; $('td[id="html_view_page"]').load(html_view_page);..

이번 실습에서는 마우스 우클릭을 차단하는 기능을 구현해 보도록 하겠습니다. 마우스 우클릭 및 드래그 방지를 하기위해서는 css, javascript 로 다양하게 막을 수 있습니다. body 태그에 속성을 변경해서 우클릭, 드래그의 방지하도록 구현해보도록 하겠습니다. 1. body 태그에 속성을 변경 contextmenu="return false" 우클릭 방지 ondragstart="return false" 드래그 방지 onselectstart="return false" 선택 방지 테스트결과 우클릭, 드래그가 차단된 것을 확인할 수 있습니다. 하지만 javascript로 작성할 시 알툴바 등 특정 어플리케이션을 이용하면 우클릭금지가 해제될 수 있습니다. 따라서 jQuery를 이용한 소스로 변경해주도록 하겠..

이번 실습에서는 특정경로에 있는 파일명을 읽어오는 기능을 구현해보도록 하겠습니다. fileMngSys_admin.js DispatcherServlet.java admin_WebSourcePage.jsp admin_WebSourcePage.jsp 에서 EL/JSTL을 이용하여, 세션에 담겨진채 넘겨받은 데이터를 for문으로 출력해주면 됩니다. 하지만 이번 실습에서는 Ajax를 이용하여 동적으로 이미지를 로딩하도록 바로 구현해보도록 하겠습니다. fileMngSys_admin.js DispatcherServlet.java DispatcherServlet를 경유하도록 작성할 수도 있지만 이번 실습에서는 javascript단에서 처리하도록 구현할 것이므로 주석처리하도록 하겠습니다. image.json admin_..

이번 실습에서는 파일 다운로드 기능을 구현해보도록 하겠습니다. 프로젝트 경로 file_download.jsp

이전 실습에서 업로드 한 파일을 사용자 페이지에 마크업하여 출력해주는 기능을 구현하도록 하겠습니다. fileMngSys_admin.js admin_WebSourcePage.jsp 출력화면 정상적으로 출력되는 모습을 확인 가능합니다.

이번 실습에서는 파일 업로드 기능을 구현해보도록 하겠습니다. 이전에 포스트한 1. 파일 업로드 기능 : 환경설정 (https://drsggg.tistory.com/279) 이 제대로 되었다는 전제하에 진행하도록 하겠습니다. 먼저 출력화면 캡처를 보고 기능을 이해하고 넘어가도록 하겠습니다. 출력화면 캡처 : 관리자용 페이지와 사용자용 페이지로 나뉩니다. 1. 관리자용 페이지 및 기능 - 파일업로드 버튼을 클릭 : 특정 경로에 로컬파일을 업로드 - 파일다운로드 버튼을 클릭 : 로컬폴더에 해당파일을 다운로드 2. 사용자 출력화면 - 업로드 된 HTML/CSS/IMAGE 파일이 하단의 HTML VIEW PAGE에서 마크업되어 사용자에게 보여짐 프로젝트 경로 admin_WebSourcePage.jsp Dispat..

자바는 파일을 올리고 받는 것을 원래 지원해주지 않습니다. 그래서 두군데서 이를 지원합니다. 1. 오레일리(oreilly)에서 배포하고 있는 servlets.com (2008년 업데이트가 마지막) 2. 아파치(apache)에서 배포하고 있는 Commons 자료 (2014년 업데이트가 마지막) 개인적으로 Spring Framework를 사용하는 경우에는 2. 아파치를 이용하는게 좋다고 생각합니다. maven을 이용하고 Spring Framework에서 제공하는 강력한 기능들을 사용할 수 있기 때문입니다. 하지만 이번 실습에서는 plain java(DispatcherServlet), jsp, html, javascript 등을 사용하고 Spring에서 제공하는 기능들은 추후 실습때 적용해보도록 할 예정입니다..

- 파일을 관리하는 사이트를 만들려고 합니다. - 관리자용 페이지와 일반 사용자용 페이지로 나뉩니다. - 일반 사용자에게는 출력되는 화면을 보는것과 파일 다운로드 기능만 제공됩니다. - 관리자는 출력되는 화면의 HTML/CSS/JS/RESOURCES(image) 수정 기능, 파일 업로드 및 다운로드 기능이 제공됩니다. - 관리자 페이지 공통기능으로 업로드시 이력이 남습니다 (DBMS 사용x. Text File을 읽어옴) - 사이트 공통 기능으로 우클릭 제어와 드래그앤 드롭으로 이미지 다운로드 차단 기능이 제공됩니다.

스프링부트 공식가이드 https://spring.io/guides/tutorials/react-and-spring-data-rest/ 영어가이드 http://justincalleja.com/2016/04/17/serving-a-webpack-bundle-in-spring-boot/ spring boot + react (서버 / 프론트 )분리되어있음 https://github.com/syakuis/spring-react 간단한 spring boot react CRUD https://developer.okta.com/blog/2018/07/19/simple-crud-react-and-spring-boot https://github.com/oktadeveloper/okta-spring-boot-react-cr..

1. 아래 3개 파일을 다운로드 후 각자 실행해줍니다. 순서는 상관없습니다. 실행시키면 콘솔창이 뜨는데 종료해주면 됩니다. 2. 그럼 해당 배치파일(.bat)을 실행한 폴더에 레지스트리(.reg) 파일이 3개 생성될 겁니다. Clearable_List_Data.reg : 호환성보기 IE_Settings_Backup.reg : 인터넷옵션 ZoneMap_Domains.reg : 신뢰할 수 있는사이트 이 3개 파일을 실행하면 설정값이 적용됩니다. 본인 ie백업(업무용이라 비공개) : https://drsggg.tistory.com/288 ie백업 공부한것들을 정리하는 블로그 입니다. ie백업 본문 비공개용 ie백업 호두 호 두 2019.08.21 10:18 Prev 1 2 3 4 5 ··· 234 Next d..

갤럭시 안드로이드9(파이) os 업데이트 후, 충전 케이블 연결할 때 화면에 배터리 퍼센트가 동그란 원 모양으로 표시됨. 없애는법 지난 2019.08.08~2019.08.11 즈음 있었던 갤럭시 안드로이드9(파이) os 업데이트 이후 파이 OS, 충전 케이블 연결할 때 화면에 동그란 원 모양이 표시됩니다. 파이 OS(안드로이드9.0)부터 적용된 기능으로 설정 > 접근성 > 시인성 향상 기능 중 애니메이션 삭제 기능이 OFF된 경우 충전 케이블을 연결할 때마다 화면에 동그란 원 모양이 표시됩니다. 애니메이션 삭제 켜는 방법 설정 > 접근성 > 시인성 향상 > 애니메이션 삭제 > ON (충전 케이블 연결 시 애니메이션 효과(동그란 원 모양 충전 표시)는 없어집니다.) 1. 설정 > 접근성 2. 설정 > 접근..

그동안 자바 웹개발 및 백엔드 공부만 하다가, 지난달부터 프론트와 모바일(안드로이드 자바)쪽 업무도 맡게 되었습니다. 프론트엔드 공부를 했던것은 약 2년전쯤 코딩을 배울때가 마지막이였던 것 같습니다. 그나마도 JS문법 기본만 뗐고 DOM API는 거의 건너뛰었으며 JQuery도 그때그때 API Docs 찾아보거나 구글링을 하며 필요한것만 그때그때 익혔었습니다. 심도있는 공부없이 짧게 배웠던탓에 2년이 지난 지금, 프론트엔드는 여전히 어렵습니다. 그러나 최근들어 jQuery가 아닌 DOM API를 검색하는 횟수가 늘기 시작했고 우연히 지금의 상황에 맞는 좋은글을 발견하여 공유합니다. 출처 : http://jeonghwan-kim.github.io/2018/01/25/before-jquery.html jQu..

방법1. 999_test1.html before include 999_test2.html munu1 menu2 menu3 캡처 - 적용전 - 적용후 파일첨부 방법2. 998_test1.html Contents 998_test1.js function includeHtml() { $("include-html").each(function() { element = $(this); element.load(element.attr("target"), eval(element.attr("completed"))); }); } 998_test2.html Header 998_test3.html Footer 캡처 - 적용전 - 적용후 파일첨부

보호되어 있는 글입니다.

003drag.html 새로운소식 보낸이 오전 7:00장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.07 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.06 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.05 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.04 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.03 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.02 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.01 07:00:12장기보관 TO 제목 내용 새로운소식 보낸이 2019.07.31 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 ..

003drag.html 새로운소식 보낸이 오전 7:00장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.07 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.06 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.05 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.04 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.03 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.02 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 2019.08.01 07:00:12장기보관 TO 제목 내용 새로운소식 보낸이 2019.07.31 07:00:13장기보관 TO 제목 내용 새로운소식 보낸이 ..