AJAX(Asynchronous JavaScript and XML)란 '비동기식 웹 통신'을 말함웹브라우저와 웹서버가 내부적으로 데이터 통신을 하기 때문에,서비스 요청시 페이지 일부만 로딩 가능 1) 이벤트 발생(ex. 버튼 클릭) 2) XMLHttpRequest가 생성됨 123var xhttp; //HttpRequest 객체 담을 변수 if(window.XMLHttpRequest){ xhttp = new XMLHttpRequest();cs 3) XMLHttpRequest가 웹서버에 요청 보냄 12xhttp.open("GET","books.xml",true); //접속할 파일 설정xhttp.send(); //접속, 성공시 onreadystatechange에 선언된 함수가 실행됨cs 4) 서버가 요청 처리..

JSON(JavaScript Object Notation):객체 형식으로 자료를 간결히 표현한 것(공식 표준인 XML보다 더 가볍기 때문에 자주 쓰임) 참고 사이트: http://genesis8.tistory.com/195 12345678910 01_a123 모비딕 소설 12900 쯔위 흰 고래 이야기 cs 12345678{"num" : "01_a123","name" : "모비딕","sort" : "소설","price" : "12000","author" : "쯔위","info" : "흰 고래 이야기"}cs 위에서 보듯같은 정보라도 JSON의 경우가 데이터가 가볍다. 1) 객체(object) 12345{"나이": 18, "이름":"쯔위", "여자니":true}cs 2) 배열 대괄호([])안에 콤마로 값, ..

**생활코딩:함수지향~클로저까지 복습할 것** 1) function의 특징: 자유로움(데이터 타입, return값, 형태 등)객체로도 되고 값으로도 사용될 수 있다. 123456789function cal(mode){ var funcs = { 'add' : function(a, b){return a + b}, 'subtract' : function(a, b){return a - b} } return funcs[mode];}alert(cal('add')(2,1));alert(cal('subtract')(2,1)); cs 123456789function sum(){ var i, _sum = 0; //arguments.length(배열 길이) for(i = 0; i

1) 문자열을 처리하는 함수를 사용해 보자 strVar: Start I am a String Variable End-------------------------------------- strVar.length: 32첫 번째 S 위치 : strVar.indexOf('S'): 0ㄴ다른 방법: strVar.search('S'): 0마지막 S 위치 : strVar.lastIndexOf('S'): 13-------------------------------------위치로 값 찾기1: strVar.charAt(3): r위치로 값 찾기2: strVar[3]: r------------------------------------- 8부터 10까지 자르기 : strVar.slice(8,10): amㄴ다른 방법(뒤에서부터..

JavaScript는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당(Client-side Script Language) 장점은 모든 브라우저에서 사용 가능하다는 점(인터프리터 내장하기에)이나,단점은 컴파일이 되지 않기 때문에 심각한 오류가 날 가능성이 높다는 점(코드에 오류가 있으면 오류 난 시점부터 동작 멈춤) JavaScript는 html 문서와 브라우저 정보를 객체로 갖는다.문서 -> document(DOM), 브라우저 -> window(BrowserObjectModel),브라우저 콘솔 -> console 1) 기본 데이터 타입이 없음. 심지어 기본 데이터 타입을 제외한 다른 클래스도 var로 받음script 언어는 대체로 모든 수의 데이터 타입을 number로 지정함.또한 char와 Strin..

목표 : Model2로 MVC(ModelViewController) 구현 MVC : model(DB에 connect), controller(clients의 request 받음), View(clients에 response) 빈클래스(com.model2.vo) : 데이터의 입출력 담당util.DBManager : Oracle DB에 접속 총괄controller : dao 클래스에 담긴 메소드 실행 및 jsp 페이지와 연결jsp 페이지 : controller에서 데이터 받아 유저가 볼 수 있게 html로 출력header : 화면 윗부분(고정형) 구현 header.jsp : 로그인,회원가입 윈도우 + 메뉴판MemberList.jsp : 회원정보 테이블