no image
웹페이지 로그인 로직(Session 활용)
세션 Tracking서블릿이나 JSP로 작성된 웹 페이지들간의 클라이언트 상태유지를 위해 사용되는 기술을 의미한다.서로 관련이 없던 페이지들간에 연관성을 설정하는 방법이다. 같은 웹사이트이지만, 다른 페이지에서는 이 사람이 로그인 한 사실을 모르기 때문에, 그 로그인한 정보를 다른 페이지에게 로그인이 되어있는 값으로 세션에 있는 값을 참고하여, 상태를 유지시킨다.  세션 session세션은 브라우저 당 유일한 세션이 하나씩 발급이 되고, 유지시간은 30분이다.정보가 서버에 저장이 되어서, 쿠키보다 보안이 유리하다.세션이 발급되면 세션ID가 쿠키에 저장이되고, 웹사이트에서 이동할 때 이 세션ID를 통해서 웹사이트 안에서 정보가 저장되어있는 값으로 이동이 가능하다.할당된 세션은 가만히 있으면 30분유지, 브..
10:21:25
no image
Ajax를 이용한 회원관리 예제
기존에 DBBase로 만들어놨던 war 파일을 import해서 프로젝트를 생성한다.        데이터베이스 계정 변경할 때 위 파일의 username과 password를 변경해준다.      ERD 작성하기위 작업내용에서 visit이 member로만 그대로 들어간다. 작업내용 필히 정리해놓고 작업하기를 습관화하자.   데이터베이스 작성-- 일련(회원)번호 관리객체create sequence seq_member_idx-- 회원 테이블create table member( mem_idx int, -- 회원번호 mem_name varchar2(100) not null, -- 회원명 mem_id varchar2(100) not null, -- 아이디 mem_pwd varchar2(100) no..
2024.06.25
no image
[오류해결]프로젝트 xar 파일로 import시, 오류날 때
import 했는데, 파일에 오류가 나는 경우에 Properties로 들어가 해당 경로에 버전을 6.0으로 변경해준다.
2024.06.24
no image
Ajax 실전 활용 게시판 예시 (비밀번호 체크)
회원가입시에, id 중복 // 비밀번호와 비밀번호 확인 동일한지 체크   프로젝트 xar 파일로 임포트해서 오류나면 Properties 들어가서 해당 경로에서 6.0으로 수정   여러분의 방문을 환영합니다. 등록된 게시물이 없습니다. ${ vo.name }님의 글 : ${ vo.ip } link 무료보기 ${ vo.content } 작성일자 : ${ fn:substring(vo.regdate,0,16) } 비밀번호${ vo.pwd } :    Servlet 작성하기pa..
2024.06.24
no image
★★AJax Start★★
Ajax : 자바스크립트를 이용한 비동기 통신기술  포그라운드 통신 : 모든 정보가 전달되는것 GET방식 POST 방식 우리가 기존에 서버에 보냈던 방식(내가 요청한 정보 - 입력한 정보가 모두 나타나는것) 백그라운드 통신 : 내가 요청한 사항이 서버에 요청이 되면, 사용자 눈에는 보이지 않는 방식 동기 방식 : 내가 서버에 요청한 결과를 결과가 올 때 까지 기다리는것(내가 택배를 신청하면 택배가 올 때 까지 택배만 기다리는 것)비동기 방식 : 결과가 올 때 까지 기다리지 않고, 다른 할 일을 처리하는 것 - default 값(온라인 쇼핑을 하고 주문한 물품을 현관앞에서 기다리지 않고 내 할 일 하는것)   1.XMLHttpRequest 객체얻기 var xhr; if(window.ActiveXObjec..
2024.06.24
[오류해결]JavaScript 함수 실행 먹통될 때
button onclick 기능에 함수를 넣어놨는데 아무리 눌러도 무반응이다.. 에러도 안떠서 뭐지 하고 찾다찾다가 function del(f) { // value 뒤에 () 붙이면 실행 안됨 let pwd = f.pwd.value(); // 게시물 생성 당시에 지정한 비밀번호 let c_pwd = f.c_pwd.value.trim(); // 게시물 삭제를 위해 입력한 비밀번호 if(pwd != c_pwd) { alert("비밀번호가 일치하지 않습니다."); f.c_pwd.value=""; f.c_pwd.focus(); return; } if(confirm("정말 삭제하시겠습니까?") == false) { return; } // 삭제를 요청하는 경로로 보내기..
2024.06.23
[오류주의]javaScript의 치명적인 오류 (함수에 괄호 누락 ())
위에 f.submit을 통해 데이터 전송을 해줘야하는데,submit은 함수이다. 함수에 괄호없이 보내면 아무런 오류없이 아무런 동작을 안하는데, 오류 찾기가 매우 까다롭다.절대적으로 괄호누락은 엄히 금한다.
2024.06.14
no image
jQuery (제이쿼리)
jQuery를 사용하는 이유  자바스크립트에서는 문자를 클릭해서 사라지게 하려면 이런 코드를 사용해야 한다.function pHide() { document.getElementById("p1").style.display = "none";}  제이쿼리를 사용하면 이런 코드로 함축이 가능하다.("#p1").hide(); 제이쿼리를 사용하는 이유는, 자바스크립트의 문장을 더욱더 간결하게 사용하기 위해서 사용한다. https://jqueryui.com/ jQuery UIjQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Wh..
2024.06.12
no image
JavaScript Class(클래스)
JSON과 동일하지만 명시적으로 Class로 표현을 하면, 데이터 분석이 쉬워진다.JSON인 경우에는 name과 value 값을 확인해봐야 하기 때문이다.   클래스 안에서 메소드 만들때 출력 데이터 표현 방식(JSON과 유사하다) toJSON(){ // Person 객체가 가지고 있는 Data를 JSON 형태로 출력하는 메소드 return `{"name":"${this.name}", "age":${this.age}, "tel":"${this.tel}"}`;} /** * */ class Person{ constructor(name,age,tel){ this.name = name; this.age = age; this.tel = tel; } toJSON(){ // ..
2024.06.11