jQuery

jQuery3이 윈도우 엣지에서 돌아간다.

jQuery는 너무 쉽기 때문에 해당  사이트의 API document를 보고 공부해도 충분하다.

기능은 똑같지만 브라우저 지원 버전만 다르다.

http://jquery.com/download/

Download the compressed, production jQuery 3.1.1

Download the uncompressed, development jQuery 3.1.1

운영용과 개발용이 있다. 

운영용은 비교적 내용이 적다 개발용은 1만 줄정도 된다 개발용을 다운받는다.

자바스크립트는 혼자서 돌아갈 수 없는 이벤트 지향 언어이다.

jquery는 이벤트들을 편리하게 관리할 수 있다.

<script type="text/javascript" src="/Article/js/jquery-3.1.1.js"></script>

<script type="text/javascript">

//jQuery가 이벤트를 제어할 준비가 되었다.

$(document).ready(function (){

//alert("jQuery가 사용될 준비가 끝났습니다!");

$("#saveBtn").click(function() {
                //css처럼 아이디를 이런식으로 집어넣습니다.

console.log("버튼이 클릭되었습니다.");

//console.log는 자바스크립트 것이다.

});

//클릭되면 뭘 해라! 그럴려면 콜백이 필요하다. (function() {});

//자바스크립트는 외워야해서 어렵다

//제목 text도 input이다 분류하고 싶으면 아이디를 줘야 한다.

}); 

//제이쿼리가 제어할 준비가 되어있다.

//document가 사용할 준비가 되었다면 어떠한 행동을 취해라

//동기 한 줄, 한 줄씩 실행

//비동기 뭔가가 되면 뭔가를 해라 콜백으로 처리한다. Callback

//callback function은 어떤 일이 처리가 되었을 때, 그 후의 작업을 말한다.

//이 함수는 파라미터이다.

//이름이 없는 함수를 익명함수라고 하는데 콜백함수는 대부분 익명함수이다.

//모든 태그(document)들이 브라우저에 랜더링 되기 직전에 이 함수를 보여준다.

//3버전은 켜지자마자 나온다...ㅋㅋ

//그렇다면 이벤트 처리는 어떻게 하는가

//인풋버튼이 클릭됬을 때, 버튼이 클릭되었다는 창을 뛰어줘보자.

//css처럼 id와 class를 가지고 접근한다.

</script>

<input type="button" id="saveBtn" value="등록" /><!-- 고유한 아이디를 가지게 되었다. -->

해당 아이디를 가진 버튼을 클릭하면 console창에 문자가 출력된다.

jQuery 공부할 것.

Events

Forms

Manipulation - General Attribute / Style Properties

Effects

CSS

Core

Ajax

그냥 다 공부하도록 하시오.

http://api.jquery.com/animate/

http://api.jquery.com/category/manipulation/general-attributes/

http://api.jquery.com/category/manipulation/style-properties/

http://api.jquery.com/category/forms/

http://api.jquery.com/category/events/

http://api.jquery.com/category/effects/

http://api.jquery.com/category/css/

http://api.jquery.com/category/ajax/

자바스크립트의 특징

무엇인가 이벤트가 있어야만 동작된다. 이벤트 지향 언어라고도 한다.

AJAX / JSON

리퀘스트가 가고 다시 응답을 기다리는 것을 동기식 요청이라 부른다. 여기서 시간이 지체되면 클라이언트는 그 시간동안 아무것도 못함

그래서 비 동기식 나옴..이것은 서버가 처리하는 와중에 또 요청을 보낼 수 있다. 즉 응답이 오지 않아도 할 수 있는것. 이것을 되게 하는게 Ajax

본래 요청은 브라우저가 하지만, 비동기 방식은 자바스크립트가 보냄

Asynchronous JavaScript and XML

ajax가 요청을 보내고 받는것을 json 타입으로 보냄. 그래서 json을 익히는게 필수