JS JS 에서 json data file을 불러오는 코드 var 변수명 = new XMLHttpRequest(); xhr.onload = function() { if(xhr.status === 200) { // 서버가 정삭 작동 할 때 responseObject = JSON.parse(xhr.responseText); //서버로 부터 전달된 json responseText 속성을 통해 가져올 수 있다. // parse() 메소드를 호출하여 자바스크립트 객체배열로 변환한다. // 코드 } }; 변수명.open('GET', 'Json 링크', true); // 요청을 준비한다. 변수명.send(null); // 요청을 전송한다 Json file 은 하나의 JS 에서 여러 파일을 불러올 수 있다. Json ..

Ajax - 비동기 방식 서버에서만 동작한다. php 의 처럼 따로 분리된 html 파일을 새로고침 없이 불러올 수 있다. display : none; 은 눈에만 보이지 않고 데이터는 존재하기 때문에 트래픽이 늘어나지만. Ajax로 불러올 시 작동시키기 전까지는 데이터가 존재하지 않아 트래픽 관리에 용이하다. ※ => 해당 링크의 id 위치로 이동 var 변수명 = $('a').attr('href'); 변수명 = 변수명.replace('#',' #'); $('id명').load(변수명); //파일안에 있는 아이디의 태그만 가져오는 문법; Ajax 문법을 사용해 html 파일을 불러올 때 function(e){e.preventDefault} 를 사용하지 않으면 해당 페이지로 이동하게된다. XML, JASO..

1. 이벤트 연결 $(선택자).bind('이벤트','function(){}') => $(선택자).on('이벤트','function(){}') 으로 변경됨 $(선택자).bind(eventName, function(event){ }) $(선택자).이벤트(function(){}) $(선택자).bind(object) 기타 $(선택자).toggle(function(){//홀수번째 계산},function()}{//짝수번째 계산}); $(선택자).toggle(function(){},function(){},function(){},function(){}.....) 여러개 사용가능 , 배수 처리 $(선택자).hover(function(){//마우스엔터;},function(){//마우스리브}); ex) 1. Header-0..

Angular React Vue Fluter ~

라이브러리, 프레임워크 : 브라우저에 내장되어 있지 않은 언어 => 상대적으로 무거움 바닐라자바스크립트 : 브라우저에 내장되어 있는 언어 => 상대적으로 가벼움 1. Setting CDN 연결 라이브러리 파일 다운로드 사용버전 - jQuery 1.12.4 / jQuery Migrate 3.4.0 http://jQuery.com jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-u..