우리집앞마당

1. JSON.stringify(), JSON.parse()자바스크립트 객체를 JSON화 하는 방법에 대해 알아보자. 가끔 자바스크립트 객체와 JSON의 차이를 헷갈려하는 분들을 볼 수 있는데 JSON(JavaScript Object Notation)은 자바스크립트의 리터럴 표현식을 적극적으로 활용해 간단한 포맷으로 데이터를 구분할 수 있는 문자열 포맷일뿐 크게 대단한게 아니다. POJO(Plan Old Java Object) 처럼 용어를 참 잘 지은것같다. JSON이 자바스크립트 문법을 기반으로 하고있기때문에 JSON 형태로 변경하는건 어렵지않다. 더군다나 최근의 브라우저들은 전부 내장 객체로 JSON변환을 지원한다. 내장객체명은 JSON이다. var target = { age: 29, name: "L..

어찌보면 되게 당연한건데 기본이 부족해서 내가 실수한걸수도있지만..여튼 하나의 이슈를 해결하고 그에대한 정리를 하려한다. javascript 코드를 짜다보면 일정시간 이후에 실행되었으면..하는 코드가 존재하게된다.가장 먼저 떠오르는건 setTimeout() 함수다.setTimeout(function(){ // 1초 후 작동해야할 코드 alert("hello world"); }, 1000); setTimeout()은 분명 유용한 함수이지만 가끔 의도하는것에 충족하지 못하는 경우가 존재한다.해당 코드가 1초뒤에 실행되길 바란다면 setTimeout() 함수가 제격이지만 스레드 자체가 1초 동안 블록킹 되기를 바랄땐 사용할만한 함수가 되지 못한다.setTimeout()은 비동기 이벤트로 실행되는 함수로서 se..

function detectIE(){ var agent = navi.userAgent.toLowerCase(); //IE가 아님 if( agent.indexOf('msie') == -1 && agent.indexOf('trident') == -1 ) return; //IE-호환성보기 모드임 if( agent.indexOf('msie 7') > -1 && agent.indexOf('trident') > -1 ){ var bStyle = document.body.style; var canvas = document.createElement('canvas'); if( !('getContext' in canvas) ) return 8; if( !('msTransition' in bStyle) && !('trans..

jqury로만 AJAX처리를 해왔고 앞으로도 그러겠지만자바스크립트로 AJAX처리하는 내용임. https://developer.mozilla.org/ko/docs/AJAX/Getting_Started

checkbox checked 여부 : - id로 체크하는 경우$('input:checkbox[id="checkbox_id"]').is(":checked") == true - name으로 체크하는 경우$('input:checkbox[name="checkbox_name"]').is(":checked") == true - $('input[id="checkbox_id"]') + 옵션 형태로 작성 가능 $('input[name="checkbox_name"]').is(":checked") checkbox 갯수 확인 : - 전체 갯수 $('input:checkbox[id="checkbox_name"]').length - 선택된 갯수$('input:checkbox[id="checkbox_name"]:checked')..

/--------------------------------------------------------------------------------/ 사용법 파일 첨부후 해당 input 개체에 onKeyDown="nr_phone(this);" onKeyPress="nr_phone(this);" onKeyUp="nr_phone(this);" 위 이벤트를 등록. /-------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------*/ /* 한글의 경우 키 입력시 바로바로 작업이 안되기 때..

1. radio 버튼 에서 체크된 값 가져오기. var mailTp = $(':radio[name="mailTp"]:checked').val(); 2. radio 버튼 값 체크하기 $('input:radio[name=mailTp]:input[value='+mailTp+']').attr("checked", true);

그냥 아무런 조치없이 저장하고 조회하게되면줄바꿈이 안먹히고 한줄로 조회가 된다. 그걸해결하기위해 저장할때는 이렇게 정규식을 이용해 줄바꿈을 태그로 바꾸고 저장. $('#text').val().replace(/\n/g, " ") 그런데 이렇게 하면 생기는 문제가 일반 조회시에는 정상적으로 줄바꿈으로 보이는데그걸 수정하는 페이지로 넘어가면 줄바꿈이 아니라 이 그대로 노출됨. 수정페이지로 갈때는 재조회시 컨트롤러에서 조회된 값을 text = text.replaceAll(" ", "\r\n");이런식으로 고침.저장할대 태그로 들어갔던걸 다시 자바에서 엔터로 인식하는 값으로 바꾸는거임.

자바스크립트로 페이지 이동을 할땐 location 객체를 이용한다.location 객체에서도 변수(속성)와 메서드를 이용해서 이동하는 법이있는데 location.href 와 location.replace() 이다. 사용법은 다음과 같다location.href = "www.naver.com";location.replace("www.naver.com"); 이둘은 큰 차이점이 있는데href는 페이지 자체를 이동시킨다.대표적으로 확인할수 있는법이 브라우저의 뒤로 버튼을 이용하는것인데페이지 자체를 이동한 것이므로 뒤로 버튼을 누르면 이전페이지로 이동한다. replace()는 이동이 아니라 현 페이지위에 새주소의 화면을 덮어씌우는것이다.그냥 화면에 나오는건 둘다 똑같이 naver로 이동했겠지만 replace()는 ..

보통은 공부나 개발하다가 모르는게있고 신기한게있으면 찾아보고 검색해보면서 배워나가는데 이상하게 style 속성쪽 CSS는 하다가 막혀도 궁금하지도않고 웬만하면 접하고싶지가 않다. 이번에도 그냥 출력되는대로 쓰고싶었는데 고정시키라고 하셔서 어쩔수없이 접하게됨 ㅜ HTML 내에서 width 속성을 지정해놨더라도 DB에서 불러오는 값의 크기가 커서 경계선이 무너지는 경우가 종종있다.경계선이 무너져서 1줄에 출력되야하는 다른 것들까지 2줄출력이 되어 디자인이 깨지는 현상이 발생하는데 그럴땐 word-break를 사용하면 된다. 단어단위로 줄바꿈이 된다. 단어고 뭐고 그냥 할당된 크기의 화면만큼 꽉 채우면 다음줄로 줄바꿈을 한다. normal이랑 차이점을 잘 모르겠다. 줄바꿈 안하고 한줄로 출력