IT깡패's의 코딩스토리&게임&취미

*JSON이란 - Javascript Object Notion의 줄임말 - 자바스크립트 Object 형태의 경량의 데이터 포멧 :자바스크립트로 파생되었지만 독립형 데이터 포멧 - 서로 다른 시스템 간 객체를 교환할 수 있음 : 자바스크립트 - 서버 간 통신할 때 유용(AJAX) - 사람, 기계 모두 이해하기 쉽고 용량이 작음 - key - value 형식 : { key: value } : 문자열은 ""로 묶어야하며, 배열은 [ ] - item.json [ { "id": "1", "name": "레몬", "price": " 3000", "description": "레몬에 포함되어 있는 쿠엔산은 피로회복에 좋다. 비타민C도 풍부하다." }, { "id": "2", "name": "키위", "price": "..

이번 내용은 제이쿼리의 ajax에 관한 내용을 적어볼껀데요~~ㅎㅎ ajax란 쉽게 말하면 다른 웹페이지로 데이터값을 보낸다고 생각하시면 되겠고요~ㅎㅎ 특징은 실시간 작업이 가능하고 빠른 동작이 가능하다는 것입니다~!! 아무튼 간단한 ajax 예제를 통해 ajax가 어떻게 돌아가는지에 대해 알아보려고 합니다~ - ajax.html 메뉴보기1 메뉴보기2 ajax 예제입니다. body안에 있는 div처리 되있는 부분에 a링크가 동작하게끔 ajax처리를 해줬구요~ 자바스크립트 안에 ajax를 해석해보면 제이쿼리안에 #menu1을 클릭하고 html쪽으로 보내주고나서 데이터값이 갔으면 성공했다고 뜨게 해준다는 것이고 안갔으면 실패했다고 뜨게 한다는 것입니다. 그리고 두번쨰 #menu2를 보면 다른 menu.html..

제이쿼리에서 animate는 슬라이드 창같은 느낌을 주기 위해 사용하는데요~ㅎㅎ 또한 자동으로 모양을 움직이게 하기 위해서도 사용됩니다~ 여기서 소개할 animate는 크게 두가지 방법으로 사용한 것들인데요~! 자 두가지 소스를 살펴보도록 할까요~ « » 버튼 첫번째 소스는 슬라이드 느낌을 창을 버튼을 누르면 넘어가는 것이고, 두번째 소스는 버튼을 누르면 div창 안에 사각블럭모양이 자동으로 뜨게 해줍니다~ㅎㅎㅎ 여기까지 제이쿼리 animate에 대한 내용이였는데요~ jquery.js 파일도 꼭 넣어줘야 된다는 것도 잊지 말아야 되겠습니다~ㅎㅎ