2017-05-12-P

jQuery 에 대해서 알기

이런식의  ex01.html 파일을 만든다

그안을 위 사진과 같이 채워준다.

설명을 하자면 6번의 라인은 프레임워크를 가져다 쓰겠다는 문이다.

부트스트랩과 비슷하다고 생각하면 된다. 저문은 jQuery.com 페이지에서 다운로드에 들어가서

이부분의 아래의 Google CDN에 들어가면 나와있다.

그리고 7~12번까지는 프레임워크(jquery를 사용한것이다.)

10번의 문은

window.addEventListener(function(){

});

이문과 비슷하다고 생각하면된다 즉 화면이 있는걸 모두 한다음에 실행해 주세요라는 뜻인것이다.

document 는 body의 내용을 담고 있다 담아놓고 ready 가 불러와지고 그안에 내용을 출력하게 된다.

이게 window.addEventListener(function(){}); 와는 약간 다른 내용이다 window.addEventListener(function(){});는 화면의 출력이 먼저되고 alert에 내용이 나오는거면

10번문은 alert의 내용이 먼저 나오고 화면에 출력이 된다.

이런식의 문도 만들수 있다. 설명을 잠깐 하자면 

10번 문에서 document 안에 body 문이 들어가있다고 생각하면 된다 . 즉 바디의 내용도 다읽고 나서 function안에

내용을 준비해 주세요 라는뜻이다 여기서 처음 box의 내용은 처음에 hide 의 상태에서 시작하여 14번문과 같이

btn 아이디를 가진 버튼을 click 하면 아래 function 을 실행해 주세요 라는 뜻이다.그러면 15~23번 조건에 맞게 실행된다.

blog만든 insertform.jsp 에 적용을 시켜보자면

식의 문으로 바꿔준다 .

이런식으로 추가 를 하게 되면 모든게 다 뜬후 46번에서68번까지의 문을 준비해주세요 라는 뜻이다.

그런후 아무것도 입력안하고 글입력하게 되면 category의 입력된 길이가 1보다 작음으로 categoryhelper의 문이 실행되는것이다 .여기서 52번째줄의 text 는 categoryhelper 안에 text문을 넣어주세요 라는뜻이다.

*tip*

라이브러리는 집을 만들때 필요한 망치나 톱이라고 치면

프레임워크는 망치나 톱을이용해 집을 만들기 위해서 조립식으로 미리 다 만들어놓은것같은것이다.

프레임워크는 라이브러리 안에 포함된다고 보면되는데 프레임워크는 라이브러리가 있어야만 만든다

즉. 라이브러리는 없는 필요한 도구를 만들어 놓은것이고 프레임워크는 그 만들어져있는 도구를 편하게 사용하기 위해

만들어진것이다.

id와 name 의 차이

id는 html이나 jsp 에서 태그를 사용하기위해서 id값을 사용하고

name 은 스크립트 안에 getprameter에서 값을 받기 위해서 사용되는것이다.