selfstarter

javascript list 예제 배열 생성 시 new Array()를 하거나 []로 초기화 배열에 요소 추가 함수 : push(obj) 배열의 for문 : forEach, item은 해당 배열에 들어있는 값(인덱스x) 배열 요소 가져오기 : splice(가져올 인덱스, 가져올 요소 개수) 배열 요소 값 변경 : find로 요소의 값을 비교 후 해당하는 obj 반환하면 값 변경 배열 요소 값 삭제 : find로 찾은 요소를 indexOf로 몇번째 위치하는지 찾은 후 splice로 해당 요소만 선택하면 삭제됨 // 배열 선언 test = [] // 추가 test.push({"name":1, "id":2}); test.push({"name":2, "id":3}); test.push({"name":3, "id..

WEB GET, POST 차이 GET방식 url에 ?뒤에 Key, value 로 서버에 데이터를 전달한다. body를 사용하지 않기 때문에 content-type이 필요없다. url에 값을 붙이기 때문에 적은 데이터를 보내기 적합하다 get은 가져오는 것(select) url에 전달 데이터가 보여서 보안에 취약 바이너리 데이터를 전송할 수 없다 속도가 빠르다 POST방식 body에 데이터를 넣어서 전달한다. 그래서 http 요청 헤더에 content-type 을 작성해야한다. get방식보다 더 많은 데이터를 전달할 수 있다 post는 수행하는 것(서버의 값이나 상태를 변경하기 위해 사용. 수정) 전달 데이터가 보이지 않으므로 Get보다 보안성이 좋다 바이너리 데이터를 전송 가능 속도가 느리다

JS Input에 숫자만 입력받기 Input에 keyup 이벤트가 발생할 때 정규표현식으로 숫자 여부를 확인한다. 숫자가 아니라면 입력값을 빈값으로 치환한다.

dataTable 원하는 행의 data 가져오기 dataTable의 data란 ajax 요청 결과값을 의미 클릭된 라디오박스의 행의 정보만 가져오는 경우 클릭된 라디오박스 객체를 가져온다 해당 행의 정보를 얻기위해 상위의 tr 객체를 찾는다 테이블에 row함수에 tr객체를 인자로 주면 해당 열의 data값을 얻을 수 있다 var $radio = ("input[type=radio]:clicked"); var $tr = $radio.closets("tr"); var $row = table.row($tr).data();

Jquery 자식, 형제 찾기 첫번째, 마지막 노드 가져오기 // 요소의 첫번째, 마지막 item 가져오기 console.log($('li:first').text()); console.log($('li:last').text()); console.log($('.test:first').text()); console.log($('.test:last').text()); 자신을 제외한 형제노드 반환 $('li.selectItem').siblings(); $('li#selectId').siblings(); 자식노드 찾기(>) $('ul>.selectItem').text('하이하이'); 자식노드 찾기(f..

javascript each return false list의 each에서 resturn을 해도 즉시실행함수가 여러번 실행되기 때문에 each문을 빠져나올 수 없다.\ 이 때 빠져나오려면 false를 사용한다. 하지만 false는 each만 빠져나올 뿐 호출된 함수를 빠져나오지 않는다(아래 예제에서 $(function(){}); 함수가 종료되지 않는다) try~catch문으로 예외를 발생시켜 함수를 완전히 빠져나올 수 있다. Insert title here

select box 선택 시 input 값 비활성화 - input값 비활성화 시 disabled를 true 값으로 주면 된다 - 선택 된 select값을 찾으려면 change 이벤트 시 find("option:seleced")로 선택된 값을 찾으면 도니다 없음 사과 귤 select 선택시 활성화

dataTable 데이터 삭제 후 기존 페이지 유지하기 문제상황 기획은 crud 게시판 리스트가 있는데, 게시물 제목 앞에 체크박스가 있다. 이 체크박스를 선택하여 해당 게시물이 삭제되고 페이지는 그대로 유지되어야 한다. 기본설정으론 데이터테이블에서 어떤 게시물을 삭제하고 reload를 요청하면 1페이지 정보를 전달해서 데이터를 요청하기 때문에 삭제 후 페이지 1로 돌아간다. 해결방법 reload할 때 두번째 인자를 false로 준다. 첫번째 인자는 callback 함수이고 두번째 함수는 true면 첫페이지로 이동하는 것이고 false면 현재 페이징 위치를 유지하는 것이다 table.ajax.reload( null, false ); 현재 페이지는 유지하기 때문에 마지막 페이지 빼고 문제가 없다. 마지막 ..