꿈 많은 사람의 이야기

프로젝트를 하다보면 해당 환경에서 진행하다가 개발 환경이 바뀔 수 있습니다 노트북이 바뀐다거나, 회사를 옮긴다거나, 컴퓨터가 여러대거나 등등 jsp에서 이럴땐 외부 파일을 가져올 수 있습니다즉 import할 수 있는겁니다 그 방법에 대해서 알아볼게요! 이 방법은 압축파일에 대해서 진행합니다해당 jsp 폴더 디렉토리 자체를 압축해요! 즉 저 해당 폴더 자체를 압축합니다! 이 압축된 파일을 import할게요 먼저 압축할 프로젝트를 하나 생성해줍니다압축한 프로젝트 명이랑 동일하면 좋습니다!만약 압축한 프로젝트 명이 test면 여기서 생성해준 것도 test면 좋습니다 그리고 해당 프로젝트에서 마우스 오른쪽 클릭합니다그리고 import -> import로 갑니다 거기서 General로 가서 보면 밑줄 친 2개가 ..

오늘은 펄로 get, post 방식을 진행해보려 합니다. 일종의 cgi 프로그래밍이죠? 뭐 어떻게 보면 이미 제가 써놨던 웹과 관련된 것들이 cgi를 이용했다고 볼 수도 있어요 그 예제들은 값을 전달하는게 아닌, 단순히 출력과 이벤트를 위주로 했었습니다. 오늘은 get, post 방식으로 값을 전달해보려 해요 get, post는 웹에서 값을 전달해주는 방식이죠? get방식은 url에 값이 나오고, post는 나오지 않고 등등 이런 차이가 있습니다. 이번에 할 것은 아래와 같습니다~ 이런식으로 출력이 되게 합니다~ 이것을 위해 C 드라이브에 있는 Apache에 파일을 나누었어요 위에는 perl 디렉토리구요 위는 cgi-bin이라는 폴더입니다. 그리고 http.conf 파일 설정도 조금 바뀌었어요! 이 내용..

펄에 대해서 자세하게 설명하기 전에 그냥 기본적으로 맛보기 소스를 봐볼게요~ 펄의 변수는 스칼라라고 부르더라구요. 숫자를 넣으면 숫자가, 문자열을 넣으면 문자열이 되는데요 이 변수는 $로 선언해요. 자바는 int, String 등이고 자바스크립트는 var 등 jsp는 뭐 java니까 똑같고 파이썬은 그냥 선언하고 등등 그거와 마찬가지로 펄에선 $로 선언합니다. 1 2 3 4 $age = 18; print("age = 18 출력 ---------->".$age."\n"); print("age = 18 출력! $age"); cs 이렇게요~ 펄에서 문자열을 이어주는 방법은 . 으로 이용해요! 다른 언어에선 + 로 이어주는것도 많은데 펄은 . 을 이용합니다. 위에서 처럼요~ 1 2 3 4 5 6 $str = "..

너무 오랜만에 펄 정리를 쓰네여 지난 번 까지 펄을 이클립스, 아파치랑 연동했는데요 이제 아파치 서버를 구동시켜서 펄 웹페이지를 띄어보겠습니다! 먼저 아파치를 실행해야겠죠?? 실행합니다. 그리고 이제 아파치 폴더에 다른 폴더를 하나 만듭니다. 전 아래 사진처럼 했어요 c드라이브 -> Apache24 -> htdocs 안에 perl 폴더를 만들었습니다. 자 그럼 아래 소스를 기반으로 펄 파일을 생성합니다 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 #!C:\Perl64\bin\perl.exe @array = (); for($i = 0 ; $i

자바스크립트로 폰트 변경 등의 효과를 넣어보자! 아래 사진 처럼말이다 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..