안녕하세요!! Jquery = java script 다만, 보다 더 편리하고 간단하게 작성할 수 있다는 장점이 있다. !! 그렇다면, Jquery에서 사용되는 CSS제어자에 대해 정리를 하겠습니다. 또 놓치지 말아야 할 것 중에 "CSS제어"는 최대한으로 head태그내에서 작성해야합니다. 그렇다면, 기본적으로 HTML태그로 이루어진 body를 임의로 아래와 같이 만들었습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 jquery 시작 링크동작태그 자바 jquery 저녁에 뭐 먹을까요? 짜장 짬뽕 탕수육 군만두 우동 번호제목작성자 번호제목작성자 번호제목작성자 번호제목작성자 번호제목 작성자 번호제목작성자 ..
Jquery의 시작에 대해서 우선, jquery는 java script에서 약간 변형된 언어입니다. 조금은 더 편리하고, 간단하게 사용할 수 있도록 만들어진 언어이기때문에, 자바스크립트에서 사용할 수 있는 것들 은 대부분 다 된다고 보시면 됩니다. 이런 고급언어 jquery를 사용하기위해서는 jquery를 연결해야합니다. 첫번째 방법) 'jquery-3.2.1.min.js' 파일을 다운로드해서 사용하는 툴 내부에 넣는다. 두번째 방법) 코드에서 직접 url로 불러오는 방식이 있다. 이 글의 작성자는 url보다는 파일을 다운로드해서 적용하는 방식을 추천합니다. 1 2 3 4 5 6 7 8 9 10 11 $(document).ready(function(){ //Jquery함수의 기본문장. 이 안에 함수를 통..
BOM과 DOM의 차이를 정리하면서, 내/외부 객체 정리할게요 브라우저 객체모델(BOM)은 웹 브라우저가 가지고 있는 모든 객체를 의미합니다. BOM에서 window는 최상위 객체입니다. window객체의 메서드: open(), close()메서드 => 새로운 브라우저 윈도우를 오픈. open(URL, name, specs, replace); setTimeout(),setInterval()메서드 =>일정시간 뒤에, 인수로 전달된 함수를 딱 한번 호출(밀리초 단위) setTimeout(code, milliec) moveTo(), moveBy()메서드 =>절대적인 위치로 이동, moveBy(x,y) focus()는 누를때마다 x,y만큼 화면에서 이동하는 상대적이동한다 resizeTo(), resizeBy()..
계산기 프로그램 1. add기능 2. cal기능 3. reset기능 ※ cal기능의 함수에서 eval메서드를 사용이 중요하다. 우선, 기본적인 틀을 만들어야겟죠? 만들려고 하는 계산기가 실제 계산기처럼 보이기 위해서 입력태그를 다음과 같은 모양으로 순서대로 작성해 줍니다. 그리고 onclick이벤트를 통해 추가, 계산, 리셋의 세 가지 함수를 만들었습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 display 이제, 만들어진 틀을 가지고 호출된 함수들의 생성문(=정의문)을 작성해야합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var tmp="";//전역변수 function add(input..
이벤트 정리 javascript& jquery에서만 사용되는 이벤트들이 많이 있어요. 이벤트들을 정리해볼 필요가 있다고 생각해서 아래에 작성하겠습니다. 기본적인 이벤트는 on이라는 이름이 붙습니다. 또한 jquery에서도 ('id값').on('click',function(){});와 같이 on을 사용합니다. ('id값').click(function(){});도 쓸수 있지만, 대체적으로 이벤트는 on으로 시작합니다. onblur 개체가 포커스를 잃었을 때onchange 개체 혹은 선택영역의 내용이 바뀔 때 발생한다.onclick 개체위에서 마우스의 왼쪽 버튼을 누를 때 발생한다.onfocus 개체가 포커스를 받았을 때 발생한다.onkeydown 사용자가 키를 눌렀을 때onkeypress 기능키를 제외한 키..
기본적으로 Dom은 Bom과 대비되어서 공부하면 좋습니다. 그중에서 DOM은 문서객체모델로써, 가장 흔히 사용되는 document가 최상위객체입니다. 앞으로는 document를 비롯해서 사용할 일이 많습니다. 이러한 문서객체모델의 최상위객체 document아래에는 head, title, body, h1, a, html태그가 있어요. 당연지사 document를 붙여줘야 쓸수 있겟죠 DOM 1 : 기본적인 출력코드입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 쇼핑 목록 마트에서 사야 할 목록 우동 하드 맥주 fu..