분류 전체보기
-
280920 #003 jQuery : Style / AttributejQuery 2020. 9. 28. 09:41
Attribute Property 차이 비교 body 링크#hello var attr_img_src = $("#sample_img").attr("src"); var prop_img_src = $("#sample_img").prop("src"); console.log(attr_img_src); console.log(prop_img_src); var attr_img_width = $("#sample_img").attr("width"); var prop_img_width = $("#sample_img").prop("width"); console.log(attr_img_width); console.log(prop_img_width); var attr_href = $("#a").attr("href"); var p..
-
280920 #JavaScript ExercisesJavaScript 2020. 9. 28. 08:51
The element should do something when someone clicks on it. Try to fix it! Click me. The element should turn red when someone moves the mouse over it. myDIV. Use escape characters to alert We are "Vikings". var txt = "We are \"Vikings\""; Find the position of the character h in the string txt. var txt = "abcdefghijklm"; var pos = txt.indexOf("h"); Convert the value of txt to upper case. var txt =..
-
250920 #002 jQuery - nodejQuery 2020. 9. 25. 10:28
Node, Element? Node - Element - jQuery의 모든 코드는 jQuery.ready() 메소드로 시작. jQuery.ready() : 페이지 내의 모든 코드를 읽어들인 후에 실행해라! (= window.onload) //jQuery(document).ready(function(){//방법 1 //$(document).ready(function(){//방법 2 //jQuery(function(){//방법 3 $(function(){//방법 4 $("#frontEnd").css("border", "3px solid lightblue"); $("#backEnd").css("border", "3px solid pink"); }) // php에서도 $를 사용하기에 var j = jQuery..
-
240920 #003 BOM / DOMJavaScript 2020. 9. 24. 09:09
브라우저 객체 모델(Browser Object Model) window location 프로토콜의 종류, 호스트 이름, 문서 위치 등의 정보 (페이지를 이동하는 데 필요한 정보들) local:8181~ 이런 것들,, //location var output=""; //var를 추가해야할 것 같아? 왜? for(var v in location ){ //location이 obj처럼 여러 key와 value를 갖고 있어, 지금 그걸 보려고 이 작업을 하는 거야 output += v + " : " + location[v] + " " //v가 location의 key를 빼오니까 value값 보려고 location[v] } document.body.innerHTML = output; 기본 key key name de..
-
230920 #002 상속 / 내장함수 및 객체JavaScript 2020. 9. 23. 09:05
a + b + c + (d + e) * / - "33" "a"*33 --> NaN Infinity 엄청 긴 숫자, 허수 / 0 isFinite(aaa) null var val1 = null; undefined var val2 참인 Obj 거짓인 Obj: Infinity, null, undefined, 0, "", ''(String상태이지만 비어있어); var btn = document.querySelector("button"); if (btn) { btn.value = "gooood"; element를 찾으면 참, 못찾으면 거짓. } callback - js 아날로그 시계 가능 - 지구 공전 모형 상속 JSON 객체 //JSON 객체 var strBill = JSON.stringify(bill); // ..
-
220920 #001 JavaScript -JavaScript 2020. 9. 22. 09:09
변수명 지정시 주의 사항 숫자로 시작하면 안 된다 대소문자를 구분한다 키워드를 변수명으로 사용할 수 없다 일반적으로 변수명은 소문자로 시작하여 선언하는 것이 좋다 상수로 사용될 변수는 모두 대문자로 선언하는 것이 좋다 alert() method 사용 //특정 정보를 메시지 창을 통해 사용자에게 알려주는 방법 //변수에 저장된 값 출력 document.write() method 사용 HTML 문서의 영역에 내용을 출력한다. console.log() method 사용 브라우저의 디버깅 기능(개발자 도구)의 화면 콘솔 뷰에 출력한다. 주석 한줄: // 여러줄: /**/ 형변환 // 형변환 (Java랑 차이 확인) if ("1"==1){ console.log("참이요") } var a; a = 10 + "10"..
-
210920 #012 시험 피드백HTML 2020. 9. 21. 15:22
1> 6. "메인", "공지사항", "자유게시판", "갤러리", "회원관리", "채팅하기" 메뉴가 한 줄로 출력 메뉴는 각각 15%의 너비를 갖고, 페이지로 이동할 수 있는 anchor로 표기. 주소는 현재 페이지. ul을 쓰면 li에 들여쓰기를 자동적으로 한다. (padding:40px) 8. 이 영역에는 페이지의 내용이 들어가는 곳으로 넓이는 브라우저크기에 꽉차게 설정하고, 높이는400px 배경색은 회색 기본 margin: 8px; 되어있는 것을 제거해줘야 한다. 9. footer에는 중앙에 Copyright ⓒ 1998-2019 KH Information Educational Institute All Right Reserved 문구가 온다. text-align:center; top:50%; tran..