H!GHR

비동기 통신에 대해 배울 때,나처럼 국비지원으로 학원에서 웹 프로그래밍 과정을 배운 사람이라면 대부분이 AJAX callback 방식을 사용할 것이라고 생각한다.12345678910$.ajax({ url : "url", data : data, success : function(data) { alert("success"); }, error : function(xhr, status, error) { alert("error"); }});Colored by Color Scriptercs학원에서 흔하게 배우는 AJAX 예제라고 생각한다.하지만 쓰다보면 소스의 가독성이 떨어지고 나중가면 관리도 잘 안 돼서 눈이 아픈 경험을 할 수 있다.그래서 jQuery도 발전을 한다. jQuery 1.5버전 부터는 .done()..

ID A B HTML에서 이런 식으로 테이블 행을 병합하려면 이런 식으로 만들어두면 된다.(w3schools.com의 관련 자료) 하지만 DB에서 한 줄씩 만들어나가야 한다면 어떻게 해야할까 ?처음엔 불러올 때 앞 뒤 비교해서 묶으려고 했다. rowspan은 배열의 length를 이용하면 되니깐!근데 더 복잡해지면서 제대로 동작도 안해서 접기로 마음먹고 구글을 검색했다.그러다가 동적으로 테이블을 병합하는 방법을 찾아냈다!! 구글에 동적 rowspan 치면 가장 먼저 나오는 사이트를 참고했는데, 다른 곳을 둘러봐도 이 방법이 제일 간단한 것 같다.다만, 여기에 있는 방식으로 하면 클래스로 지정한 하나의 column만 행 병합을 실행한다.나는 하나의 열을 기준으로 다른 열에도 행 병합을 해야했다.(위의 표에..

AJAX로 list를 전달해본거 같은데다시하려니... + VO에 list 객체를 선언하고 넘기려는 처음 본 상황이니...역시나 또 해맸다체크 된 값들을 전달하려면 리스트 or 배열로 넘겨야 할텐데 어찌해야할까 12345678910111213141516 var tempArray = $("input[name=checker]:checked").serializeArray(); var param = {}; var list = []; for(var i = 0; i

CSS는 기본적으로1.arrowTest {background-color: coral; color: white;}cs 요런 형태로 되어있다.앞에 아이디나 클래스로 선택자를 지정해서 스타일을 적용하는 것이다.그럼 클릭하면 다른 CSS가 적용되게 하려면 어떻게 해야할까??미리 클래스를 만들어두면 된다.즉, 실제로 arrowTest 클래스는 없지만 선택자로 .arrowTest 라는 클래스를 지정해 놓는 것이다.그러면 나중에 클래스를 만들면 거기에 원하는 스타일이 적용되면서 해피엔딩으로 마무리된다! 예를 보면 더 이해가 팡팡 되니깐 예제를 먼저 보면12.tbArrowUp{background-image:../home/image/arrowup.png}.tbArrowDown{background-image:../home..