IT & 日本 story :)

L15 JAVA SCRIPTL09CheckIdAJAX 아이디 중복검사를 AJAX로 해보자 ex) L09CheckIdAJAX.jsp12345678910111213141516171819202122232425262728293031323334353637383940414243444546아이디 중복체크(AJAX) AJAX로 checkId.do를 호출해서 DB에 ID가 있는지 중복체크하자. 중복검사 function checkId(userId) { //var userIdTest = document.forms["checkIdForm"]["userId"].value; //console.log("userIdTest : " + userIdTest); console.log(userId); var http = new XMLHtt..

L15 JAVA SCRIPTL08JsonAJAX JSON 비동기식 통신 ex) L08sonAJAX.html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263Insert title here JSON books.js or books를 화면에 출력시킨다. AJAX 통신 num name sort price author info function lodeDoc() { var http = new XMLHttpRequest(); //통신객체 생성 (HttpServlet과 동일) var url = "books.js"; //get방식으로 url에 비동기식으로(tru..

L15 JAVA SCRIPTL07XmlAJAX 비동기식 통신에 대해 알아보자. ex) L07XmlAJAX.html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081AJAX를 이용해 비동기식 통신을 하자 HttpRequest를 이용해 AJAX를 구현하자 AJAX란 비동기식 웹 통신을 말한다. 이때 비동기식을 간단하게 설명하면 page 로딩이 끝난 후 다시 page로드를 하지 않고 통신하는 것을 말한다. 이때 서버측에서 다양한 형태의 문서를 받을 수 있다. (JSON, XML, HTML,..

2016. 11. 18. (Fri)L15JavaScriptL06JSONJSON에 대해 알아보자ex) L06JSON.htmlDOCTYPE html>JSON에 대해 알아보자JSONvar person = { //자연적인 선언법firstName : "selly",lastName : "Rally",age : 20,nationality : "English"}var person2 = new Object(); //JSON은 object 타입person2.firstName = "selly";person2.lastName = "Rally";person2.age = 20;person2.nationality = "English";document.write("JSON person2 출력");for(var key in perso..

2016. 11. 18. (Fri) L15JavaScript L05Function함수를 정의하고 사용해보자ex) L05Function.htmlDOCTYPE html>JavaScript Function함수를 정의하고 사용해보자function sum (a,b) {//앞에 function이 명명돼야함//return 되는 값의 데이터 타입이 없다. 매개변수의 데이터 타입이 없다.return a+b;}document.write("sum(10,20) :"+sum(10,20)+"");document.write("");var sunVal = function(a,b) {return a+b;}//anonymous function//익명함수를 변수에 담고 사용한다. -> JavaScript의 변수 시스템이 프로그램의 속도를..

2016. 11. 18. (Fri) L15JavaScript L04ArrayArray에 대해 알아보자ex) L04Array.htmlDOCTYPE html>Array에 대해 알아보자Array 관련 함수들을 사용해보자var points = new Array(1,2,3,4,5); //not goodvar points = [1,2,3,4,5]; //goodtypeof points; //objectArray.isArray(points); //truevar fruits = ["Apple","Banana","Orange","Durian","melon"];//배열에 값을 추가하고 삭제하고 정렬할 계획이다.console.log(fruits);//Array는 클래스이고 자바스크립트에서 기본ㄴ데이터 타입으로 사용중이다.//..

2016. 11. 17. (Thu)L15JavaScriptL03NumberNumber 데이터 타입에 대해 알아보자 ex) L03Number.html DOCTYPE html>Number FunctionsNumber 데이터 타입을 다루자var x = true;document.write("x : "+x+"");document.write("Number(x) : "+Number(x)+"");x =false;document.write("x : "+x+"");document.write("Number(x) : "+Number(x)+"");x = "100"; //Integer.parseInt("100"); -> Number("100");document.write("x : "+x+"");document.write("typ..

2016. 11. 17. (Thu) L15JavaScript L02String 문자열을 처리해보자 ex) L02String.htmlDOCTYPE html>문자열을 처리해보자var strVar = "Start I am a String Variable End";document.write(" strVar : "+strVar+"");document.write("");document.write(" strVar.length : "+strVar.length+" ->문자열의 길이");document.write(" strVar.indexOf('S') : "+strVar.indexOf('S')+" ->첫번째 S의 위치");document.write(" strVar.lastIndexOf('S') : "+strVar.last..

2016. 11. 17. (Thu) L15JavaScriptL01VariableHTML5의 데이터타입에 대해 알아보자.ex) L01Variable.htmlDOCTYPE html>Insert title hereJavaScript로 변수를 선언해보자script 선언법: script 선언법(html5): //script는 기본데이터 타입이 없다.//심지어 기본데이터 타입을 제외한 다른 클래스도 var로 받을 수 있다.var numVar = 10;document.write("numVar: "+numVar+"");document.write(" numVar x 5.33 : "+(numVar*5.33)+"");doc..