꿈 많은 사람의 이야기

자바스크립트로 폰트 변경 등의 효과를 넣어보자! 아래 사진 처럼말이다 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 Title var zoom = function(demo){ //함수 호출 -> 인자값으로 아이디를 받는다. demo.style.color = 'red'; demo.style.fontSize = '34pt'; }; window.onload = function () { var h = document.getElementById('hideBtn'); var op = document.getElement..

지난 글까진 펄 설치와 이클립스 연동에 대해서 알아봤습니다. 이제 펄과 아파치를 연동하는 방법을 작성해볼까 합니다.웹 프로그래밍을 위해서!!먼저 아파치를 설치해야겠죠? http://www.apachelounge.com/download/ Apache VC15 binaries and modules download Apache 2.4 VC15 Windows Binaries and Modules Apache Lounge has provided up-to-date Windows binaries and popular third-party modules for more than 10 years. We have hundreds of thousands of satisfied users: small and big comp..

자바스크립트의 배열은 객체이다. 무늬만 배열이다. 자바스크립트 배열은 2가지가 있다. 1. 일반적 배열 리터럴인 var a = ["aa", 123]; 2. var points = new Array(40, 100) 2가지의 방법이 있고 내부적으로 동일하다. 근데 2번 방법에는 조심해야할 문법이 있다. 위에 써져 있는 2번과 같은 형태는 40, 100이라는 값이 배열에 들어가있다. 하지만 만약 var points = new Array(40); 을 하면 배열 크기가 40인 객체를 생성하는 것이다. 이것을 조금 조심해야 한다! 그리고 자바스크립트에서 배열은 좀 특이한게 자바에서 배열은 String이면 String, int면 int만 가능했다. 하지만 자바스크립트에선 배열 요소가 달라도 상관없다. 문자열, 숫자,..

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..

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 Document var index = 0; //이미지에 접근하는 인덱스 window.onload = function(){ slideShow(); } function slideShow() { var i; var x = document.getElementsByClassName("slide1"); //slide1에 대한 dom 참조 for (i = 0; i x.length) { index = 1; //인덱스가 초과되면 1로 변경 } x[index-1].style.display = "block"; //해당..

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 Document div#area{ font-size: 30px; } 시작단: 종료단: 구구단 출력 var area = document.getElementById("area"); //아이디가 area인 DOM(document object model, 문서 객체 모델) 생성(참조) var gugudan = ""; var btn = document.getElementById("sBtn"); btn.onclick = function(){ var start = Numbe..

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 Document #topMenu ul{ overflow: hidden; } #topMenu li{ width: 200px; height: 40px; border: 1px solid red; floa..

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 이미지갤러리 #imgGallery{ border: 3px solid orange; width: 300px; overflow: hidden } #imgGallery img{ width: 300px; } #smallImgs img{ float:left; width: 100px; } hr{ margin: 0; padding: 0; size:5px; } wi..

아래는 html 파일이다. Document 아래는 자바스크립트 소스 파일이다. 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..

call by reference와 call by value는 그림으로 보면 이렇게 된다 call by value는 값만 복사가 되기 때문에 원본의 값이 변경이 되지 않는다. call by reference는 주소값이 전달이 되기 때문에 두 번째 참조 변수가 해당 객체의 값을 변경하면 첫 번째 참조 변수가 가르키는 객체의 값도 변경이 된다. 다음 예제를 봐보자 int a = 5; int b = 10; add(a, b); //call by value System.out.println(a+", "+b); 단순히 이렇게 값만 전달해주면 add메소드에서 a를 + 5하고, b를 +10 해도 원본의 a, b의 값은 변하지 않는다. 즉 add 연산이 끝나고 프린트를 해도 a = 5, b = 10이 출력이 된다. 하지만..