출처 : http://blog.3kh.co.kr/220908114238

  유용한 정보라 같이 공유하고싶네요!

오늘은 파일 다중 업로드에 대해 알아보았습니다.

파일업로드 하기 전에 pom.xml에 파일업로드용 라이브러리를 추가해줍니다. (필수!)

컨트롤러 부분입니다!

path 부분에 저장하고자 하는 경로를 설정해주세요!

jsp부분입니다.

업로드를 전송하면!

alert 창이 뜨면서 

왼쪽 화면에 업로드가 잘된 것을 확인할 수 있네요!

파일 첨부할게요!

ajaxUpload.jsp

FileUploadController.java

먼저 위키피디아의 jQuery 정의를 살펴보죠

 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리다. 

jQuery는 자바스크립트의 라이브러리입니다.

즉 자바스크립트를 조금 더 쉽게 사용하기 위해 만들어진 언어라고 보면 됩니다.

DOM 노드들을 조작하는 작업은 $ 함수로 시작됩니다. 예를 들면 id를 호출하는 경우 자바스크립트는

document.getElmentById('id')라고 써야하지만 Jquery는 $('#id') 또는 $("#id")로 간단하게 표현이 가능합니다.

jQuery 사용방법은 다음과 같습니다.

http://jquery.com 홈페이지에 접속합니다.

다운로드를 클릭합니다. 

최신 버전을 다운 받아 해당 프로젝트에 기억하기 쉬운 위치에 js파일을 저장해줍니다.

또는

다운로드가 귀찮으시다면

<script type="text/javascript" src="//code.jquery.com/jquery-3.2.1min.js"></script>

를 jsp파일에 추가해줍니다.

jquery-3.1.1.min.js

혹시 몰라 파일 올려드립니다.

그러면 즐프하세요~

추가적으로 jQuery 연습 가능한 사이트 올려드릴게요~

부트스트랩으로 너무나 유명한 사이트죠

https://www.w3schools.com/

언어를 배우다보면 Java, JavaScript, JSP등 헷갈릴텐데요.

특히 JavaScript와 JSP는 같은 의미로 생각하시는 분들이 많을 것 같아요.

(저도 그렇게 생각했답니다.....)

JSP는 서버에서 자원들(코드)을 사용하는 것이고 JavaScript는 클라이언트에서 자원들(코드)을 사용합니다.

기존의 Java언어를 사용하는 것에는 동일하지만

JSP는 웹 서버에서 실행되는 .JSP파일이라면 ,

JavaScipt는 <script>태그를 사용하여 표현하죠. 사용자의 웹 화면인 .HTML파일 입니다.

다시 말해 서버에서 실행되어 결과를 사용자에게 보여주는 방식이 JSP이고 

자바스크립트는 클라이언트(사용자)의 웹 브라우저 화면에 실행되어지는 방식입니다.

JSP는 서버 언어!

JavaScript는 클라이언트 언어!

라고 생각하면 편할 것 같네요!

데스크탑이나 노트북 사용하시는 분들 가끔 한영키가 안먹힌다면 당황스럽죠

한영키 인식이 안될 때 해결하는 방법을 소개해드리려 합니다.

한영키를 전화하는 방법입니다.

1. windows + r버튼을 눌러 실행창을 띄웁니다.

실행이 안되신다면 시작 화면에서도 실행이 가능합니다.

2. 실행창이 렸다면 regedit을 입력해 레지스트리를 실행합니다.

레지스트리가 실행되었네여. 

3. HKEY_LOCAL_MACHIN\SYSTEM\CurrentControlSet\Services\i8042prt\Parameters 로 들어갑니다.

4. 아래의 그림과 같이 수정해줍니다.

4-1 LayDriver KOR의 값을 kdb191a.dll로 바꿔줍니다.

4-2 OverridekeyboardIdentifier의 값을 PCAT_101AKEY로 바꿔줍니다.

4-3 OverridekeyboardSubtype의 값을 4로 바꿔줍니다.

4-4 OverridekeyboardType의 값을 8로 바꿔줍니다.

5. 4번의 설정을 완료하였다면 재부팅을 해줍니다.

한영키 인식이 잘되는 것을 확인할 수 있네요!

개발 환경 구축

JSP를 실행 하기위해 필요한 개발 환경입니다.

1. JDK설치 

자바를 개발하기 위한 필수 도구로 자바 실행 및 디버깅을 위해 사용됩니다.

http://www.oracle.com/

오라클 홈페이지에 접속 후 네모 박스를 클릭해줍니다.

자바SE는 가장 널리 쓰이는 API입니다.

둘 중 아무거나 선택하여 JDK다운로드 페이지로 이동합니다.

Accept License Agreement를 체크 하고 자신의 운영체제에 맞는 버전을

선택하여 다운로드 합니다.

다운로드를 완료하고 next버튼을 누르면 설치가 완료됩니다.

2. 웹 컨테이너 

JSP와 서블릿을 실행시켜주기 위한 컨테이너로 톰캣을 설치해보겠습니다.

http://tomcat.apache.org/

톰캣 버전은 최신 버전보다 한 단계 낮은 버전을 사용합니다.

왜나하면 이전버전에는 이미 안정성이 검증되었기에 전버전을 많이 사용한다고 합니다. 

아래 사진과 같이 tomcat 8.0을 누르고 자신의 운영체제에 맞는 파일을 다운로드하여 설치합니다.

3. 코드를 작성하기 위한 개발 도구 - 이클립스

다운로드 버튼을 클릭합니다.

이클립스는 무료로 배포 중이나 DONATE버튼 도 있네요 

이클립스에 감사하신 분들은 기부를 해주셔도 좋을 것 같네요 ㅎㅎ

다운로드를 완료하고 실행하면 인스톨러가 뜨네요.

프로그래밍을 하기 위해 

Eclipse IDE for Java Developers 또는

Eclipse IDE for java EE Developers 둘 중 하나를 선택하여 설치합니다.

원하는 폴더 위치를 정해주면 설치 끝!

JSP(Java Server Pages)

 : HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 브라우저를 관리하는 언어입니다.

즉 웹 사이트를 보다 쉽게 구축할 수 있도록 만들어주는 스크립트 언어입니다.

JSP는 자바언어를 기반으로 하는 스크립트 언어로 자바 기능을 그대로 사용할 수 있다는 장점이 있습니다.

또한 자바 기반이기에 플랫폼에 독립적입니다. ( 운영체제가 상관없습니다.)

HTML 코드 속에 들어가는 자바 소스코드로 <% 자바코드 %> 또는 <%= 자바코드 =%> 형태로 사용합니다.

JSP(Java Server Page) 특징

-웹 프로그래머는 소스코드를 수정할 경우 디자인 작업에 신경쓰지 않아도 되기 떄문에 작업 효율이 올라갑니다.

-HTTP와 같은 프로토콜에 따라 클라이언트의 요청을 처리하고 응답합니다.

-대규모 애플리케이션을 구현할 때 사용되는 스프링 프레임워크와 연동이 가능합니다.

MVC2 구조를 제가 한 프로젝트에 접목시켜보았습니다.

오라클(Oracle) 최근 3개월 데이터 조회하는 조건 문입니다.

SELECT * 

FROM pro_interest

WHERE PROTHUMB_DATE (컬럼명) BETWEEN TRUNC(ADD_MONTHS(sysdate,-2)+1) - TO_CHAR(sysdate,'DD')

AND TRUNC(LAST_DAY(sysdate)) +0.99999421;

쿼리문을 실행하면 조건이 잘 적용되어있음을 알 수 있네요.

저는 테이블 조인이 필요하기에 테이블 조인후 다시 조회를 해보았습니다. 

무결성 제약조건을 제외하면 조건은 위의 조건과 동일합니다.

select  p.name, p.price, p.thumbnail_image, pi.prothumb_date, pi.code, pi.prothumb, pb.title, pb.viewcount

from pro p, pro_interest pi, pro_board pb

where p.code=pi.code and p.code=pb.code and pi.code=pb.code and pi.id=#{id} and prothumb='Y' and pi.prothumb_date(컬럼명) 

BETWEEN TRUNC(ADD_MONTHS(sysdate,-2)+1) - TO_CHAR(TO_DATE(sysdate),'DD') AND TRUNC(LAST_DAY(sysdate)) +0.99999421 

order by pi.prothumb_date desc

이상으로 포스팅 마칠게요!