web/javascript

1. 비동기식 통신으로 하는 아이디 중복검사AJAX엔진에게 요청 VS 프로그램에게 요청디자인 전체 변경 필요하면 - 새 팝업창 만들어 새로운 프로그램에게 요청할 것값만 전달하여 페이지의 일부만 변경 원하면 - AJAX엔진을 이용해 요청할 것(단, AJAX는 현재 웹프로그램과 같은 서버의 웹프로그램만 요청 가능하고,다른 서버에 존재하는 웹프로그램 요청 처리 불가능)Oracle 데이타베이스 이용할 것임JdbcDAO.java + context.xml + ojdbc.jar 빌드처리1) AJAX_MEMBER 테이블CREATE TABLE AJAX_MEMBER ( ID VARCHAR2(20) PRIMARY KEY, PASSWD VARCHAR2(50), NAME VARCHAR2(50), E..

1. AJAX엔진 1개 vs 다수1) [AJAX엔진 1개] books.jsp문서를 AJAX 기능으로 요청하여 "XML 형식의 문서"로 응답 받아 태그로 변경하여 클라이언트에게 전달 💚 books/book_xhr.jsp//// XSL 문서를 이용하여 XML 형식의 데이타를 HTML 태그로 변환하여 응답 처리 --%>// books.xsl 문서를 AJAX 기능으로 요청하여 XSL 문서를 응답받아 사용 --%>////// 문제점 : 하나의 XMLHttpRequest 객체만을 사용하여 요청과 응답 처리 - 다수의 웹프로그램 동시 요청 불가능 --%> 교재목록 💚 js/xhr.js/* AJAX Module : 전역변수와 함수를 이용하여 AJAX 기능 제공 */var xhr=null;function getX..

1. 동기화통신 VS 비동기화통신1) AJAX(Asynchronus Javascript + XML)란?페이지의 새로고침 없이 페이지 일부를 고칠 수 있는 것2) 동기화통신 (클라 >>> 서버)버튼 클릭, 사용자 입력 마다 페이지 새로고침이 일어남비효율적서버가 응답할 동안 클라는 가만히 있어야 함3) 비동기화통신 (클라 >>> ajax엔진 >>> 서버)클라가 AJAX 엔진을 통해 서버에게 요청함WAS는 서버를 실행해 AJAX 엔진에게 응답함클라는 자신이 직접 요청한 것이 아니기 때문에 (AJAX 엔진을 통해 요청과 응답함) 다른 작업도 가능함웹프로그램의 실행 결과는 HTML,XML... 다양히페이지의 새로고침 없이 DHTML처럼 HTML 문서의 태그를 고칠 수 있음페이지의 새로고침 없이 비동기식 통신으로 ..

1. jQeury 이벤트 처리 함수1) jQeury 이벤트 처리 함수 등록법12_event.html jQuery Event Handle 버튼을 눌러보세요. 2) jQeury 이벤트 처리 함수 내 this 키워드13_event_this.html jQuery Event Handle 저녁 메뉴를 선택해 주세요. 가정식 백반 짜장면 짬뽕 설렁탕 순대국 삼계탕 쌀국수 돈까스 선택한 저녁 메뉴는 ???입니다.  3) 이벤트 처리함수 등록 on키워드(일반형)14_event_on.html jQuery Event Handle 마우스를 클릭하거나 이동해 보세요. 4) 이벤트 처리함수 제거 off키워드15_event_off.html jQuery Event Handle 이벤트 처리 함수 등록 ..

1. jQuery 라이브러리1) jQuery 개요Vanilla JS (바닐라 자바스크립트)순수하게 자바스크립트만 이용해서 동적인 페이지 만드는 것자바스트립트 라이브러리 & 프레임워크기능들을 쉽게 구현할 수 있도록 자바스크립트는 라이브러리나 프레임워크를 제공함자바스크립트 라이브러리단순히 필요한 기능들을 제공대표적 예 : 제이쿼리(디자인 만들때 사용), 리액트(프론트앤드개발 시 사용)자바스크립트 프레임워크기능을 포함해 프로그램을 쉽게 개발하기 위한 전체적인 환경 제공대표적 예 : Angular.jsCSS 프레임워크대표적 예 : 부트스트랩( 모든 디자인들이 다 완성되었으니, 가져다 쓰면 페이지 구현 가능 )2) jQuery자바스크립트 라이브러리Write less, do more (적게 작성하고, 보다 많이 한..

🍪쿠키(Cookie)서버와 클라이언트에 연결 지속성을 제공하기 위해 클라이언트에 저장한 문자값접속된 웹서버의 이름을 식별자로 사용하여 다수의 쿠키를 저장하며, 웹서버에 접속하여 웹프로그램을 요청할 경우 웹서버의 이름으로 저장된 모든 쿠키를 웹프로그램에게 전달서버에 웹프로그램 요청 시 기본적으로 쿠키는 무조건 전달되므로 활용하면 됨🍪쿠키 & 웹서비스서버와 클라이언트의 연결의 지속성을 제공하지 않음요청에 응답 후 서버가 먼저 끊음 왜?익명의 다수의 사용자가 웹 서비스를 이용하므로 연결지속성을 허용하게 되면 접속된 사용자마다 소켓을 만들어야 하므로 메모리 차지가 많아짐즉, 동시접속자가 많아질수록 서버에 요청에 대한 응답이 계속 지연됨그렇다면 기존요청사용자 vs 새로운요청사용자 구분 어떻게?쿠키를 통해 알..

예외(Exception) : 프로그램 실행 시 발생되는 문제(오류)

1.이벤트 처리 함수 작성법41_event_handle.html이벤트(Element 객체)에서 발생되는 다양한 이벤트는 자바스크립트를 이용하여 이벤트 처리 명령을 작성하여 실행동적인페이지( js ) : id 식별자 많이 사용 VS 스타일링( css ) : class 속성값 많이 사용1) 방법1. HTML + JS 같이 이용HTML 태그의 이벤트 속성의 속성값으로 이벤트 처리 명령(함수 호출)을 작성하여 이벤트가 발생될 경우 이벤트 처리 명령이 실행되도록 처리 버튼-12) 방법2. JS만 이용 : 유지보수가 더 쉬움 - 권장Element 객체(태그)에 이벤트 속성을 프로퍼티로 설정해서 이벤트 처리 함수를 등록하여 이벤트가 발생될 경우 이벤트 처리 함수가 호출되..