본문 바로가기

Web/JavaScript

[AJAX] 【 웹사이트 접근의 새로운 혁명 애이잭스(Ajax) 】 :Asynchronous Javascript And XML :비동기 자바스크립트와 xml을 의미, Ajax는 웹프로그래밍의 한 종류로 하나의 기술이 아니라 여러 가지 기술이 복합된 방법론 또는 기술덩어리 ▶ XMLHttpRequest,XML,CSS등의 기술들을 합친 새로운 기술 *Asynchronous -> '비동기적' 클라이언트에서 서버에 요청을 보낼 때 요청을 보내놓고 프로그램은 계속 돌아간다는 의미 (먼저 요청한 것에 대한 콜백 함수가 실행되지않는다) -> Web에서 화면을 갱신하지 않고 Server로부터 Data를 가져오는 방법 ->Ajax의 동작원리는 Browser에서 서버로 보낼 Data를 Ajax Engine을 통해 Server로 전송 .. 더보기
[JS&HTML]Calculator 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 var flag = false; function input(num) { if (flag == false) { cal.text.value=""; flag = true; } cal.text.value += num; } function posit() { answer(); cal.text.value = .. 더보기
[JavaScript]회원가입 만들어보기! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12.. 더보기
[HTML&JS]웹에서 이미지 사진 변환 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 방문할 때 마다 변하는 이미지 var imgArray = new Array(); imgArray[0]="01.jpg"; imgArray[1]="02.jpg"; imgArray[2]="03.png"; imgArray[3]="04.jpg"; function showImage(){ var imgNum = Math.round(Math.random()*3); var objImg = document.getElementById("introImg"); objImg.src = imgArray[imgNum]; setInterval("showImage()",3000); .. 더보기
[HTML&JAVASCRIPT]달력 만들기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 td { width: 60px; height: 60px; text-align: center; font-size: 20px; font-family: 바탕; border:2px dotted #AC58FA; bor.. 더보기