공부합시다 공부합시다

개발하며 서버와 통신시 데이터 포맷은 주로 XML과 Json을 사용합니다.파싱속도는 Json이 XML보다 약간 더 빠르다고 알려져있는데요.속도 측정도 해보지 않았고, 사용량이 많은 웹을 개발하지 않아 저는 잘 모르겠네요 :(어찌됫든 이번 주제는 jQuery를 사용한 XML 파싱에 대한 방법입니다.jQuery는 파싱도 매우 쉽고 간편하게 할 수 있습니다. 먼저 서버에 요청을 해야겠지요? ?1234567$.ajax({ url : "요청경로", type : "POST", success : function(xml){ console.log(xml); }}); 여기서 요청경로(URL)는 필요한 경로에 맞게 사용하시면 되겠습니다.실제 웹루트안에 XML 파일에 요청할수도 있는거고,서버에서 XML을 만들어서 리턴받을수도..

123for(var i=0; i?12345 첫번째 두번째 세번째 div 안에 span 태그가 3개가 있네요.우리는 이제 each 함수로 저 span들의 텍스트를 가지고 올겁니다. ?123$('div').find('span').each(function(i, e){ console.log($(this).text());}); 감이 슬쩍 오실랑가요?라인별로 설명드리겠습니다.1) 첫번째 셀렉터 div를 기준으로 하위의 span을 찾은 뒤, 반복문(each)을 선언하였습니다.2) 콘솔창에 span의 수 만큼 반복하여 텍스트를 출력합니다.결과는 어떻게 나올까요.첫번째두번째세번째이렇게 나오게 되겠죠?엄청 간단합니다.그럼 인덱스(i)를 찍어보면 어떻게나올까요?012예상하신 것처럼 이렇게 나오게 됩니다.그리고 여기서 익명함..

오랫만에 포스팅을 합니다.이제는 아침, 저녁 쌀쌀하다 못해 점점 추워지는 느낌이 나네요 매우 좋은 현상입니다 :D정말 더운건 너무 싫어요..몸에 열도 많고, 무엇보다 땀이 많아서 더위는 정말 너무너무 싫습니다.날씨도 시원하니까, 시원한 음악 가볍게 듣고 시작합시다.칼잔치 성님들의 새로운 앨범(Abandon Ship) 중에 초심업(!) 트랙입니다. Knife Party - Begin Again "난 정말 스프링을 공부한 적이 없다구요"자바 입문할때 많이 추천되는 책이름을 바꿔보았습니다.전자정부표준프레임워크(이하 egov)를 설치하여 쭉 이것저것 둘러본 후, 처음부터 설정을 시작하였습니다.시작하며 처음부터 막히던 작업이 바로 마이바티스 설정이었는데요, 제가 겪었던 문제들의 해결법을 포스팅할거구요.참고해주실건..

벌써 10월 말이네요..그간 너무도 바빠서 포스팅을 또 미루고 미뤘습니다.그건 그렇고 최근 사이트 유입경로를 살펴보니 구글이 압도적이었습니다.물론 네이버에서 등록을 않해주니 아직 그럴수있다 생각하지만..네이버는 등록하기 너무 힘들어요 :(최대한 네이버에서 강조하는 "양질의 컨텐츠" 를 제작하여 포스팅 해야겠습니다.어쨋든..앞서 말씀드린 것처럼, 이번 포스팅 주제는 다음과 같습니다. 전자정부프레임워크 xml & json 리턴받기 (마샬링) 저는 아직 초보 개발자라서 마샬링이라는 단어를 전자정부프레임워크를 접하며 처음 들었습니다.딱 들었을때는 철권 캐릭터중 "마샬로우" 가 생각났구요..;)사전적 의미를 찾아보니 컴퓨터 과학에서 마샬링(marshalling, l을 하나만 사용하여 marshaling이라고도 표..

쉽고 간편하고 편리하게 쓰자! jQuery Tooltipsy 대부분 개발하면서 한번쯤은 툴팁이 필요한 순간이 있습니다.회원가입을 한다던가,도움말을 올린다거나,또는 힌트를 준다던가.사용할 순간은 많고 많은데, 어찌 표현할지는 한번씩 고민합니다.저같은 경우는 처음에 title 속성을 사용했습니다.근데 title 속성에는 단점이있지요.. 꾸밀수 없으며, 꾸밀수 없기에 투박하고, 늦게 뜬다. 이정도는 대부분 공감하리라 믿습니다..그래서 이번포스팅에서는 아주아주 간편하고, 매우 쉬우며, 빠르게 사용할 수 있는,jQuery 툴팁 플러그인을 소개해 드리겠습니다.플러그인 이름은 jQuery Tooltipsy(링크) 입니다.링크를 타고 들어가시면 빨간색 배경으로 강렬하게 맞이하여 줍니다.들어가시면 아주 쉽게 사용설명이 ..

이번에 다음 지도 API를 이용하여 간단한 프로젝트를 진행하였습니다. 얼마전에 OpenLayers를 이용해서 간단한 프로젝트를 진행했는데 이번건 더욱 간단했습니다. 이번엔 타겟이 모바일 사용자를 위한 프로젝트 였는데요. 모바일 단말기가 현재 가로 모드인지, 세로 모드인지 구별해서 UI를 동적으로 변화시는 부분이 있었습니다. 그래서 오늘은 이부분에 대해서 포스팅 하려 합니다 :) 자바스크립트로 모바일 단말기의 가로, 세로모드 구하기 (가로세로 방향) 예상하신 분들이 이미 계실지 모르겠으나, 가로, 세로를 구분 할 수 있는 정보는 window 객체가 담고있습니다. 프로퍼티 명칭은 orientation 입니다. 사용법은 먼저 jQuery 방식으로 설명드리겠습니다. ?1234567$(window).on("ori..

이전 포스팅에서 가끔 말씀드렸드시, 제가 근무하고 있는 회사의 GIS 솔루션은 자바 애플릿을 사용합니다. 애플릿을 사용함에 있어, 단점도 있지만 장점이 더욱더 많다고 생각합니다 :) 한가지 아쉬운 점이 있다면, 점점 퇴물이 되어가는 느낌 이랄까요? 국내에서 운영중인 웹 사이트에서 자바 애플릿을 사용하는 사이트를 그리 많이 접할 수 없는 것처럼요. 그렇지만 GIS라는 특정 분야에서는 아직까지 매력적인 것 같습니다. 하지만 앞서 말씀드렸드시, 크롬에서도 애플릿을 밀어냈습니다. :( 아래처럼 말이죠. 사실 애플릿만을 밀어냈다기 보다는 대다수 플러그인을 기본 옵션으로 사용하지 못하게 막은 것 같습니다. 애플릿을 사용하시는 분들에게는 매우 치명적인 내용입니다만, 이 부분은 설정을 통하여 애플릿(Jre)을 사용 할..

이클립스 웹프로젝트 컨텍스트명 제거 (URL에 프로젝트명 제거) 해 봅시다. 처음 이클립스에서 다이나믹 웹프로젝트를 생성하고, 코드를 작성하고, Run 해보면 브라우저에 열심히 만든 페이지와 주소가 이쁘게 나옵니다. 127.0.0.1:8080/프로젝트명/페이지명.jsp localhost:8080/프로젝트명/페이지명.jsp 역시 뭐든지 첫 단추가 가장 중요합니다. 실제로 배포하여 운영할때 컨텍스트명(프로젝트명)을 포함하도록 설계가 되었으면 이번 포스팅은 넘어가셔도 무방합니다 :) 그렇지 않는 분들은, 저 상태로 계속 작업하시고 나중에 배포하시면 소스를 다시 수정하셔야 됩니다. 자바스크립트, CSS, Ajax 요청에 들어가는 주소들이 모두 프로젝트명이 붙허있기 때문이죠. 이 부분은 다음과 같이 따라하시면 아..