[JSP] 파일 업로드 기능 구현(Ajax, 비동기 통신, 확장자 필터링)
·
카테고리 없음
0. 시작하기 전에 JSP의 MVC 패턴, Ajax 비동기 통신, Servlet, DAO, DTO에 대한 기본 개념은 숙지하였음을 가정한다. 1. 개요 Ajax를 통한 비동기 통신을 이용하여 파일 업로드 및 DB에서 참조하는 법을 알아보자. 2. 로직 파일 업로드 기능을 구현하자면 위와 같다. 파일업로드('multipart/form-data', POST) > 서버에서 파일정보 획득(Request.getPart) > 파일정보 정재 및 DB 등록(저장된 파일 경로) > 결과 리턴 1. upload.jsp 파일 업로드 // 데이터 multipart/form-data를 POST으로 전송 지정 및 uploadFunction() 호출 파일업로드 2. upload.js Ajax 비동기 통신 // form으로 전달된 ..
JSP 풀스택 개발하기 00.환경설정
·
카테고리 없음
블로그 00.개요 본 포스트는 JSP를 사용하여 풀스택 웹페이지를 개발하는 것으로 합니다. 구성환경 운영체제 : Windows10통합개발환경 : Eclipse EE웹서버 : Apache Tomcat 9.0데이터베이스 : MySQLCSS : 부트스트랩 사용언어 : JAVA, JavaScript, Html HTML은 사람의 몸이고 CSS는 옷이며 JS(JavaScript)는 팔벌려뛰라고하는 동작이며 JAVA는 팔벌려 뛰기위해 어느 근육을 사용해서 처리해야하는지 판단하는 뇌와같은 기능을한다고 생각합니다. 01. 이클립스 설치다운로드https://www.eclipse.org/downloads/ 사용언어인 JSP에 최적화 되어있는 통합개발환경(IDE; Integration Development Environmen..
부트스트랩 설치 및 적용
·
카테고리 없음
운영체재 : mac통합개발환경 : Eclipse사용 언어 : JSP서버 : tomcat 9.0v부트스트랩 버전 : 3.3.2다운로드 http://bootstrapk.com 설치 및 적용 1. 압축풀기 2.홈페이지를 구성하는 폴더안에 복사하여 넣어줍니다 1234567891011121314151617181920212223부트스트랩 기본 틀 내용입력 Colored by Color Scriptercs 3.위의 기본양식을 복사해서 JSP파일을 만들어주세요. (JSP파일에서 부트스트랩을 사용하기위해 매파일마다 필수로 작성되어야할 내용입니다) 이로써 부트스트랩 코드를 인식해 로드가 가능핣니다