JSON이란?자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준입니다. 따라서 JSON 데이터는 자바스크립트가 자주 사용되는 웹 환경에서 사용하는 것이 유리합니다. 자바스크립트에서 JSON 데이터를 분석하고 사용하는 것은 매우 간단합니다.자바스크립트는 JSON 데이터를 처리하기 위한 다음과 같은 메소드를 제공합니다. 1. JSON.stringify()2. JSON.parse()3. toJSON() JSON.stringify() 메소드인수로 전달받은 자바스크립트 객체를 문자열로 변환해 반환합니다.ex) JSON.stringify(객체) JSON.parse() 메소드JSON.stringify와 반대로 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다.text에는 변환할 ..
ajax란서버로부터 데이터를 가져와 페이지를 새로고침 하지 않고 일부만 로드할 수 있게 하는 기법으로 비동기식 요청을 보내는데 필요한 기술을 말한다. AJAX(Asynchronous JavaScript AND XML) 장단점장점 비동기식 방식으로 웹서버의 응답을 기다리지 않고 데이터를 빠르게 처리하는 개발기법, 페이지 리로딩 없이 처리됨예) 실시간 검색어, 검색어 자동완성 단점 한 페이지에 지속적으로 사용시 리소스가 계속 쌓여 페이지가 느려짐, 스크립트로 되어있어 에러 발생시 디버깅이 어려움 비동기식 처리모델(AJAX 방식)-> 페이지가 로드 되는 동안 브라우저는 먼저 서버에 데이터를 요청 script문 실행한 후 페이지의 나머지를 계속 로드하고 페이지와 사용자의 상호작용을 처리하면 브라우저는 요청한 데..
정규표현식이란 날이 갈수록 개인정보 보호에 관련하여 보안정책을 점진적으로 강화하고 있다. 이에 따라 Web에서 회원가입 시 passowrd 설정을 복잡하게 조합해야만 정상적으로 가입을 할 수 있다. 이러한 입력 규칙을 정해주는 것이다. 쉽게 이야기 하자면 회원가입을 할때 아이디가 한글로 적힌게 있다면 걸러주기도 하며 맨앞부터 3글자는 한글이고 뒤에는 영어만 지정하고 싶을 때, 특정범위를 지정하거 그 범위내에선 어떠한 입력값만 넣을 수 있도록 제한을 거는 방법이다. 사실 위와 같이 제한을 거는 방법은 상당히 복잡하고 어렵다.. 쓰이는 부분도 그렇게 많지 않은거 같고.. 그래서 보통의 사람들은 다른 사람이 만들어진 것을 쓰는 경우가 많다. 하지만 자신만의 특정한 규칙을 만들고 싶다면 따로 공부 하길 바란다...
요즘 세미프로젝트를 진행하고 있는 와중에 페이지에서 정말 많이 쓰이는 기능중 하나인 checkbox를 한번에 전체 선택/해제하는 방법을 포스팅할 예정이다. 코드 자체는 그렇게 복잡하지 않다. 전체약관동의 이용약관(필수)... target="_blank">약관정보 개인정보처리 동의(필수)... target="_blank">약관정보 개인정보 제3자 제공 동의... target="_blank">약관정보 이벤트혜택 알림 수신동의(선택)... 우선 사용할 checkbox는 이렇게 구성하였다. 이제 checkAll 이라는 친구로 아래 항목들을 한번에 체크/해제를 해볼 것이다. function cAll() { if ($("#checkAll").is(':checked')) { $("input[type=checkbox]..
1. 문서객체 설정each 메소드 배열을 관리하는 for in문과 비슷한 메소드로 객체나 배열의 요소를 검사하는 메소드index : 객체, 배열의 순번item : 값을 보관하는 변수, 배열의 실제 값메소드 내용 $.each(배열이름, function(index,item) { } ) 지정한 배열을 0번부터 자동으로 불러와 순번을 index, 값을 item에 넣는 메소드 $('s').each(function(index,item){ } ) 선택자로 선택한 요소를 index순번으로 item에 요소 값을 수정시 사용하는 메소드 /* 0,1,2,3으로 이름을 설정해 반복문 돌리게 한다. */ .colorBack_0{background-color: yellow;} .colorBack_1{background-color..
1.순회(탐색) 메소드 filtering 메소드-선택자로 지정한 객체를 기준으로 객체 그룹에서 위치를 기준을 객체 선택하는 메소드 메소드 내용 $('s').first() 선택된 요소 중 제일 처음 있는 요소 리턴 $('s').last() 선택된 요소 중 제일 마지막에 있는 요소 리턴 $('s').eq(숫자) 인덱스번호와 일치하는 요소 리턴(0부터 시작함) $('s').filter("검색식 | 선택자") 인자값과 일치하는 요소만 리턴 $('s').not() 인자값과 일치하지 않는 요소만 리턴 filtering 매소드 $().first(); $().last(); $().eq(); $().filter(); $().not(); test1 test2 test3 test4 test5 나는 p야 나는 h1 나는 h1..
제이쿼리란?존레식에 의해 개발된 경량 javascript 라이브러리Write Less, Do More(보다 간단하지만 더 많으것을!)을 모토로 복잡했던 코드를 손쉽게 구현 -DOM과 관련된 처리 쉽게 구현 -일관된 이벤트 연결 쉽게 구현 -시각적 효과 쉽게 구현 -Ajax애플리케이션 쉽게 개발애니메이션 기능, Ajax통신, 이벤트 처리 등 폭넓게 지원jQuery플러그인을 통해 차트작성, 슬라이드쇼, 엑셀같은 테이블도 간단한 코드로 구현가능 jQuery연결CDN(Content Delivery Network)을 통한 연결->온라인으로 js파일을 불러와서 실행src = "http://code.jquery.com/jquery-latest.js" 파일 다운로드 연결(오프라인에서 하는 경우)->jQuery홈페이지에..