한글로는 삽잡이, 영어로는 shovelman

불금입니다.그래요 불금이에요.그런데, 어느 순간부터 그냥 집돌이가 되고 싶었어요. 불타는 금요일에 불타게 공부해봅시다! 예전에 ajax에 대해서 공부한 기억이 있습니다.(참고_ ajax가 뭐니? 축구팀이니?) ajax call을 하게 되면 비동기식으로 http 요청을 수행합니다.Server가 받아서 처리하고 결과를 보내주겠지요. Server에서 보낸 결과에 대한 응답에 따라Client에서는 처리할 준비를 해야합니다. 우리는 크게 3가지의 statement를 통해 결과에 대한 처리를 할 수 있습니다.(물론, 더 많아요...) 1234567891011121314$.ajax({ type : 'POST', url : sUrl, data : data, error : function(error) { alert("E..

애초에 PHP는 Server를 위한 언어이고 Javascript는 Client (Browser)를 위한 언어입니다. 둘의 성격은 다릅니다.서버와 클라이언트... 특히나 Client에서 Server로즉, Javascript에서 PHP로 데이터를 보낸다고 하더라고Server에서 바로 받는다는 보장이 없기에우리는 Ajax와 같은 녀석들을 통해 Server에 값을 전하고 응답을 기다려서 처리하곤합니다. 그런데, Server에서 Client로 보내는 것은 그럼 어찌할까요? 그래서 PHP 데이이터를 Javascript에서 어떻게 사용할 수 있을지 생각해봤습니다. 으아~~ 두뇌 풀가동~ 우선은 직접적으로 echo문을 활용하여');?>Colored by Color Scriptercs 대략 이러한 코드를 통해 설명했던 ..

html과 PHP 그리고 Javascript 언어의 관계를 한번 쉽게 이해해보는 시간을 가져보겠습니다. 와~~~ html은 웹페이지를 위한...로 이루어진 요소들이 어울여저 있는 언어입니다. 우리가 보는 웹 페이지에 요소들에 맞게이쁘게 정보들이 출력됩니다. 예 그렇습니다.그런데, html을 통해 실행된 화면은 변함 없이 html 요소에 맞게 동일하게 출력 됩니다.몇 백번, 몇 천번을 들어가도 말이죠. 몇 천번을 들어가봤는데... 똑같아.... 그런데, 이 때 Javascript와 같은 Client Side Script 언어를 사용하여HTML 언어로는 할 수 없는 동적인 Action들이 가능해집니다. 마우스가 움직이는 곳마다 색깔이 칠해진다던지,어떠한 Error가 발생했을 경우 Alert 창을 띄워준다던지..

php 언어는 대표적인 서버 사이드 스크립트 언어중 하나입니다.즉, 서버에서 실행되는 언어입니다. 서버에서 실행되는 언어라는 의미를 이해하기 위해서는우선, 서버에 대해서 알아야할 것 같습니다. 우와 그래서 Server가 뭐야~ 예 그렇습니다.서버는 어떤 '업무'를 수행하기 위해 설정되어있는 컴퓨터라고 볼 수 있습니다. 여러분이 웹 사이트를 하나 운영한다고 해보겠습니다. 이처럼 Client로 부터 요청이 오면Server는 Client로부터 들어온 요청에 대한 서비스를 제공해줍니다. 아~ 이러한 서버에서 사용되는 언어가 서버 사이드언어라고 하구나~ 예~ 그 중에 삽잡이는 PHP 언어에 대해서 언급을 한 것이구요 Javascript는 성격이 조금 다릅니다.바로 클라이언트 사이드 스크립트 언어이기 때문입니다.즉..

html에 있는 여러 Tag들에서 필요한 Element들을 찾아와야할 경우들이 많습니다. 이럴 때 jQuery의 속성 선택자를 사용할 수 있습니다. Element 요소 하나하나 다 가져다 사용하겠어!! 예전에 jQuery 홈피에서 Selector 보겠다고 썼던 글이 생각나군요. (참고_ [삽잡이::Javascript] 요소를 찾아야 jQuery를 씹어먹지~) 아무튼!올바른 요소를 선택해야 해당 요소를 가지고 지지고 볶을 수 있지 않겠습니까!? 자 우선 기본적으로 연산자를 생각해보겠습니다. '=' 연산자는 is 와 같습니다.예를 들어 name = '삽잡이'name이 삽잡이이면~ 이런 뜻으로 사용되는 연산자입니다. '!=' 은 not입니다. '^'은 통상적으로 XOR 연산으로 사용하는데jQuery 속성 선택..

Json이란JavaScript Object Notation 의 줄임말입니다. (출처_ w3schools) 이런식으로 생겨먹었습니다.사람이 읽기쉽고, Parsing하기도 쉽게 이루어져있는 형식입니다. 이름(name)과 값(value) 둘이 붙어서 쌍으로 다니는 형태로 이루어져있지요. JSON 형식은 데이터를 전송시 용이하게 사용됩니다. 기본적으로 중괄호({ }) 사이에 값과 쌍이 이러한 형태로 구성되어있습니다. 이렇게 Json 형식으로 데이터를 구성하기 위해서는대개 아래와 같은 형식으로 코드를 작성하곤 합니다. Object 형식의 aJson 이라는 녀석을 만들고,name과 그에 맞는 value를 채워넣어줍니다. 12345678var aJson = new Object(); aJson.korName = "삽잡..

지난번에 말했듯이, 아직 게시판을 가지고 놀고있다.게시판에는 당연하게 검색 기능이 있어야겠지...그래서 검색기능을 만들었다. 검색 Button을 클릭하면 검색이 잘 된다.예외 처리도 잘됬고... 그런데, 이놈의 Keyboard로 Enter 치면 예외 처리가 안된다.물론... Keyboard로 검색했을 경우에 대해서 Event Handler에 처리를 안해두었으니까....그래서 jQuery 'keyup' 이벤트를 걸어두었다. 하지만, 뭔가 이상해졌다... Button 만들때 쓴 Class가 기존에 있던 것이어서Enter 처리를 하게 만들어뒀었는듯... 그래서 내꺼에 맞춰서 사용해야하다보니 event.preventDefault(); 이 녀석으로 기본 동작을 멈춰버리게했다. 좋아... 잘 진행되는거 같았는데....

자 여러분... 저는 요즘 jQuery를 공부하고 있습니다. 그럼 어디 한번 기분좋게 Element 를 찾아 다이나믹하게 웹 화면에 힘 좀 줘볼까요!? ... 이렇게 막일 하시렵니까....?(* 노가다는 일본말인거 아시죠? 한글을 사랑합시다!) 그럴 필요가 없습니다... 물론 경우에 따라 요소 하나하나를 찾아서 가공해야할 때도 있지만,한번에 가져올 필요가 있을 때에는바로, Form Filter를 사용하면 됩니다. form은 말이죠 '서식', '방식', '종류' 및 '유형'이라는 뜻을 가지고 있습니다. HTML에도 Form 요소가 있는데요,text, checkbox, radio등의 형식들이 해당됩니다. 더 자세한 내용은 역시 공식 홈페이지를 보면 되겠지요!?(참고_ http://www.w3schools.c..

jQuery에 대한 설명입니다.(출처_ http://www.w3schools.com/jquery/jquery_intro.asp) 영어를 다들 잘 하실 것이라 믿습니다. 하하...뭐 보이시는것과 같이 JavaScript의 라이브러리이구요,기존의 JavaScript를 사용할때에 비해 쉽고 간편하게 사용하도록 도와주는 고마운 녀석입니다. JavaScript보다 쉽게 프로그래밍 할 수 있고, 더욱 역동적인 인터페이스를 제공해주는 라이브러리가 바로 jQuery라는 것이군! HTML에는 여러가지의 Tag들이 있습니다.(굳이 외우우셔도 되지만, 이것 저것 건드리다보면 자연스레 익혀질 것입니다.) 아무튼, 이 Tag들은 각각 맡고있는 기능들이 있지요.이때, 이 Tag라는 요소들을 쉽게 제어할 수 있는 기능을 제공해주는..