Developer Gonie

파일 업로드 기능 구현시 지켜야할 규칙 * enctype 이 form의 속성으로 추가된 경우 MultipartRequest 클래스의 객체를 통해서만 파라미터를 읽어들일 수 있다는 점을 알아두자. 1. 요소에 enctype 속성을 추가해야함. 파일을 업로드 할 때는 form 요소에서 enctype 속성이 필요하다. enctype 속성은 데이터가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 지정한다. 2. 요소의 method 속성의 값은 post 이어야 함. 위의 속성은 요청방식이 post 일때만 사용가능하기 때문. 3. cos.jar 파일이 lib 폴더에 위치해야함 파일 전송을 위해 사용되는 클래스들이 이 파일 내에 위치하기 때문임 파일을 업로드한다는 것의 의미 "사용자가 서버 측으로 네트워크를 통해..

1. 커넥션 객체란? DB와 미리 연결 해놓은 객체를 커넥션 객체라고 한다. 아래의 코드를 참고해 볼때 getConnection() 메소드의 결과로 얻어진 conn 객체를 말하는거 같다. public class MovieDao { String driver = "oracle.jdbc.driver.OracleDriver"; String url = "jdbc:oracle:thin:@localhost:1521:orcl"; String id = "jspid"; String pw = "jsppw"; Connection conn = null; // 생성자를 public 으로 해주지 않으면 클래스를 찾을 수 없다는 오류가 자꾸 뜸. public MovieDao() { // 1. 드라이버로드 try { Class.for..

싱글톤 패턴(Singleton Pattern)이란? 특정 클래스의 인스턴스(객체)가 단 하나만 존재하고, 이를 프로그램 상에서 보장하는 패턴을 '싱글톤 패턴'이라고 한다. 이로인한 특징은 객체를 단 1번만 만들어 사용하여야 하므로, 처음에 만든 것을 전역변수처럼 모두가 공유하여 사용한다. 이로인해 시스템 전반에 걸쳐서 특정한 자원이 공유된다. 다수의 인스턴스가 존재하는 경우, 상호간에 영향을 주어 예기치 못한 오류가 발생할 확률이 높아 이를 제한하는 경우에 사용한다. 싱글톤 패턴 방식으로 클래스를 설계하는 방법 1. 생성자 추가 생성자는 무조건 추가해주며, 접근제어자는 private으로 해준다. 접근제어자가 default로 남아있지 않도록 하기 위함 && 외부에서 마음대로 생성자를 사용해 객체를 만들 수..

* 아래의 조건들을 모두 통과해야 다음으로 넘어갈 수 있도록 코딩해야 함. 1) ID입력란이 공란이 아니어야 하고 2) 중복체크를 했어야 하고 3) 중복인 ID가 존재하지 않아야 한다. 방법1. 변수 1개로 하는 방법(가장 쉽고 단순) var ajaxResult = ""; // 이 변수는 3가지 상태를 가질 수 있음(" ", "POSSIBLE", "IMPOSSIBLE") ajax 의 읍답 결과를 담는 변수를 문자열 타입으로 사용하면 가능 1) " " : 중복체크를 안한 상태 2) "POSSIBLE" : 중복체크까지 되어 완벽한 상태(조건문이 따로 필요없는 상태) 3) "IMPOSSIBLE" : 중복되는 아이디가 존재하는 상태 + 여기에 아이디가 입력된 상태인지만 확인해주면 됨 방법2. 변수 2개로 하는 ..

이 게시글에서 가이드 해주는 부분 1. 중복체크 버튼을 누를시 Ajax 요청 2. 요청을 받은 곳에서 해당 아이디가 DB에 존재하는지 체크후 결과를 응답해줌 3. 결과를 받아 상태에 맞는 메시지를 버튼 옆에 출력해줌 insertForm.jsp 에서 ajax() 메소드로 중복여부 요청 id_check_proc.jsp 작성 DAO클래스의 searchId() 메소드 작성

사용예시 * 기존에 jquery.js 만 import 해서 사용했던 것과 달리 rotator를 위한 js 도 import 해서 사용했다는 것에 주의하자. 아래의 두 예제를 합친 것과 동작의 결과가 비슷한데, 여기서는 rotator() 메소드 하나로 동작한다는게 다름 https://ldgeao99-developer.tistory.com/476 https://ldgeao99-developer.tistory.com/505 을이 을이 자는 모습 똘이 메롱 똘이

* magnify() 이 한 줄의 코드가 없었을 때에는 보여지는 이미지를 클릭하면 a태그의 href로 이동하는 동작이었다. 하지만, magnify() 메소드를 실행 시킴으로써, 마우스를 이미지 위에 올려두면 위의 동작이 아니라 href로 이동하진 않았지만, href로 이동해서 그곳의 이미지를 보는 것 처럼 아래와 같이 확대해서 보여준다. 사용예시 * 기존에 jquery.js 만 import 해서 사용했던 것과 달리 magnify를 위한 js 도 import 해서 사용했다는 것에 주의하자.

회원가입 폼 유효성검사 * 전송 전에 유효성 검사를 해주려면 버튼에 onClick 속성을 추가해 유효성을 검사하는 함수를 호출하고, 그 함수의 리턴값에 따라 form 요소의 action 속성에 명시된 url로 이동할 수 있게 해야한다. onClick="return 함수명()" 이 부분은 javascript 만으로 유효성을 검사 하는 때와 같다. * 참고 : javascript 만으로 회원가입 form 유효성 검사하기 핵심0. 사용자가 입력값으로 공백만 넣은경우 통과 못하게 하기 (.trim()) 아래 예시에서는 모든 요소에 이 부분을 적용하지 않았지만 나중에 모든 요소에 대해 적용하는게 필요할 거같다. ph1 = $('input[name="phone1"]').val(); if( $.trim(ph1).le..

1. 일단, 요소가 form 요소 내부에 존재해야 DOM으로 접근할 수 있다. 2. document.myform.

* jQuery.ajax( url [, settings ] ) 형태와 jQuery.ajax( [settings ] ) 형태가 존재하는데 후자의 것을 사용하여 구현할 예정. * 참고 : 생활코딩 https://opentutorials.org/module/904/6851 settings에 들어갈 수 있는 주요 옵션 * data 옵션은 의 자식들 요소에서 입력한 값을 serialize() 해서 보낼 수도 있음 (serialize 하면 get 방식 비슷하게 문자열이 형성됨) * dataType 옵션이 필요한 이유는 요청 url이 timesned.php인데, 이 파일이 응답으로 주는 데이터가 json 타입일 때 필요 * type 옵션의 디폴트는 get 방식이며, get 방식일 경우 생략해도 된다. 응답으로 받은 ..

* Shorthand Method 에는 이거 말고도 여러가지가 존재하나 여기서는 딱 2가지만 다뤄보았음. 바로 앞 게시글에서 얘기했듯이 Shorthand Method 보다는 Low-Level Interface에 위치한 ajax() 메소드를 사용하는걸 추천. jQuery의 Ajax가 제공하는 Shorthand Method인 .get() 메소드 예시 * 이 예시에서는 xml을 요청해 보았음 과일의 특성 조사 3000 레몬에 포함되어 있는 쿠엔산은 피로회복에 좋다. 비타민C도 풍부하다. 2000 비타민C가 매우 풍부하다. 다이에트와 미용에도 매우 좋다. 5000 블루베리에 포함된 anthocyanin(안토시아닌)은 눈피로에 효과가 있다. 5000 체리는 맛이 단 성분이 많고 피로회복에 잘 듣는다. 5000 메..

Ajax(Asynchronous JavaScript And XML)란? 단어 그대로 해석하면 비동기 자바스크립트와 XML 이다. 그러나, 약어 그대로의 의미보다는 비동기 통신을 통틀어 Ajax라고 부른다. Ajax는 디자인 골격이 만들어져 있는 상태에서 데이터만 요청하여 받아올 때 사용하는 통신이다. 응답으로 받은 데이터를 이용하면 브라우저에서 보여지는 일부분을 수정할 수가 있다.(주 사용목적) 단어만 보면 xml만 요청 가능할 것 같지만 실제로는 json도 요청 가능하다. Ajax가 필요한 이유는 다음과 같다. Ajax 기술을 사용하지 않는 사이트가 특유의 깜빡거림 현상이 생기는 이유는 매번 페이지를 싹 지우고 처음부터 다시 모든 것을 그려내기 때문이다. Ajax를 사용하면 페이지의 일부를 수정하기 위..