본문 바로가기
웹에서 파일 업로드 구현하기-2 웹에서 파일 업로드 구현-2 (JSP) 웹에서 파일 업로드 구현하기-1 (지난 포스팅에서 이어짐) 지난 포스팅에서 사용자가 입력한 정보와 파일정보를 DB에 업로드하는 과정까지 성공했는데메소드를 통해 반환되어 request 영역객체에 올려놨던 List를 꺼내보자. 위와 같은 형식의 테이블에 차례로 정보를 출력해줄 것이다. 지난 포스팅에서 마지막으로 전송과 DB업로드에 성공하면 이동하게 만들었던 Board.jsp에 아래 코드를 추가해서 테이블 모양을 만든다. Board.jspDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>Insert title heretable,td{borde..
웹에서 파일 업로드 구현하기 -1 웹에서 파일 업로드 구현-1 (jsp) 1. 환경설정 http://www.servlets.com/cos 에 접속한다. 위 그림 위치로 가서 .zip 파일을 다운받고 압축을 풀자. (혹시 몰라 파일첨부) lib폴더에 가면 cos.jar 파일이 있다. 편한 위치로 옮겨도 되고 그대로 써도 무방하다. 이 jar파일을 카피한 후 ( 프로젝트 - WebContent - WEB-INF - lib ) 아래의 사진 위치에 붙여넣기한다. 그리고 데이터베이스 연동(오라클 사용)을 위한 ojdbc6.jar 와 jstl문 사용을 위한 jstl.jar & standard.jar 총 3개를 추가로 넣어준다. ojbc6.jar의 기본경로는 C:\oraclexe\app\oracle\product\11.2.0\server\jdbc\l..
자바 JSTL (JSP Standard Tag Library) JSTL (JSP Standard Tag Library) JSTL이란 JSP에서 자주 사용하는 기능을 구현하는 커스텀태그와 라이브러리의 모음이다.앞서 포스팅한 EL식(참조)이 JSTL 안에 자주 같이 쓰인다. JSTL 환경구축 : JSTL을 사용하기 위해서는 다음 jar파일 2개를 사용하고자 하는 웹프로젝트 내 WebContent\WEB-INF\lib 안에 복사한 뒤 지시자태그를 통해 사용할 .jsp에 아래 코드를 붙여넣으면 된다. prefix="c" 옵션은 접두어 c를 쓰면 JSTL을 사용하겠다는 일종의 선언이다.위의 설정을 마치고 나면 를 통해 JSTL를 사용할 수 있다. JSTL 사용하기: :영역객체에 저장하기.따로 영역을 지정하지 않으면 page 영역에 저장된다. scope="" 에 저장할 영역을..
자바스크립트 Ajax, 비동기방식 아이디 유효검사 Ajax로 비동기방식 아이디 유효검사하기 이전 포스팅: 자바스크립트 Ajax를 이용한 오픈API 활용 (이런거 가능) HTML파일내 태그 안에 다음과 같은 태그들을 작성한다.아이디를 받을 과 이벤트를 줄 , 실제로 텍스트를 띄워줄 태그를 작성했다. click 비동기통신을 위한 Ajax를 자바스크립트 안에 작성한 후 url에 실제 통신할 서블릿파일 경로를 넣는다. (같은 폴더에 존재해 상대경로로 이름만 넣어주었다) IdCheck.html function idCheck(){ $.ajax({ url : "idCheckServlet", success : function(data){ alert(data); } }); } click 성공하면 url에 의해서 idCheckServlet.java로 페이지가 넘어갈 것이..
자바스크립트 Ajax를 이용한 오픈API 활용 Ajax란 비동기적(Asynchronous)인 웹 어플리케이션을 제작하기위한 웹개발기법으로, 클라이언트 조작을 단순화하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리입니다. Asynchronous JavaScript and XML 의 줄임말인데, 요즘은 XML을 사용하지 않고 거의 대부분 json을 사용합니다.Ajaj 라고 이름을 바꿔야 할까요? 사용자 입장에서는 비동기통신이 화면갱신도 없고 요청과 응답 사이 시간에도 다른 일을 할 수 있어 편리하고 빠른듯한 환경(착각)을 느낄 수 있습니다. 다만 동일출처 정책으로 인해 다른 도메인과 통신이 불가하며 (서버단에서 설정하거나, 브라우저 설정을 변경해 가능) 요청 남발시 서버에 부하가 늘 수 있고, 동적화면구성으로 개발자의 구현이 복잡하다는 단점 등이 있..
JSON(JavaScript Object Notation) 기본문법 JSON(JavaScript Object Notation) JSON은 자바스크립트의 객체를 표현하는 방식으로, key-value 쌍으로 이루어진 데이터를 전달하기 위한 개방형 표준 포맷이다. 공식홈페이지 http://www.json.org/json-ko.html 에서는 JSON을 JSON (JavaScript Object Notation)은 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다. JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999의 일부에 토대를 두고 있다. JSON은 완벽하게 언어로 부터 독립적이지만 C-family 언어 - C, C++, C#..
이클립스에서 SQL문을, Data Source Explorer Data Source Explorer Data Source Explorer는 자바 이클립스에서 DB를 다룰 수 있게 해주는 툴이다. 직접 DB를 조작하는 것보다는 조금 느리지만, 작성한 sql문을 프로젝트에 저장하여 열람할 수 있어 프로젝트 관리할때 효율적이고 창을 왔다갔다 할 필요가 없어 편하다. (본 글은 Oracle을 기준으로 작성되었음) 먼저 밑 창에 Data Source Explorer에서 Database Connections에 우클릭을 하고 New를 누른다.아래 탭이 없다면 Window-Show View에 가서 Data Source Explorer를 클릭해 활성화하자. 자신의 DB에 맞는 타입을 고르고 Next를 누른다. 자신의 DB버전을 선택후 위의 JAR List 탭으로 이동한다. 기존에 ..
자바 EL(표현언어)의 개념 자바 EL(Expression Language) 표현언어 정리 Expression Language, 표현언어는 값을 표현하는데 사용되는 새로운 script 언어로 jsp의 기본문법을 보완하는 역할을 한다. 보통 jsp에 쓰이는 스크립트릿 등을 줄여 영역값을 일일이 받아 출력하는 수고로움을 덜 수 있으며 코드도 간결해진다. 기본적으로 스크립트릿 안이 아닌 HTML 영역에 ${ }을 사용한다. 1. 영역(Scope) 객체값 가져와 출력하기 -${key} : request,session,application 등 영역값을 가져올때. Ex01_Scope.jsprequest.setAttribute("request", "aaa");session.setAttribute("session", "bbb");applicati..

티스토리툴바