JS Coding

DOCTYPE html> 재성 오케잉 억지 bind 예제 버튼 //사용이 권장 되지는 않는다. (제대로 사용이 안되서) // document.write("write 에 대한 설명"); /* 기본 함수를 사용할줄 알면 이렇게 사용 가능. function print(msg){ document.write(msg); } */ // var print = document.write; //문법적으로 이렇게 사용 가능. // 이렇게 사용하면 document.write 내에는 this가 내장되 어있는데 // print()로 넣게 되면 print 앞 window가 있기에 // this가 window를 가라키게 되어서 문법은 맞으나 불법적?인 // 사용이 되어 에러가 난다. // 제대로 사용하려면 var print = do..

DOCTYPE html> Document #wrapper { margin: 200px auto; /* 수평 가운데 정렬 */ width: 70%; border: 1px solid black; } #modal { position: fixed; left: 0; top: 0; width:100%; height:100%; background-color: rgba(0, 255, 0, 0.7); display: none; /* 처음엔 안보여야 하므로 none */ } #modalContent { width: 50%; height: 80%; margin: 50px auto; /* 수평 중앙 정렬 */ background-color: black; color: white; } 난 최고의 프로그래머 X 모달열기 const..

DOCTYPE html> // function 키워드가 함수/클래스 를 의미 ! const myDom = function(pName){ this.name = pName; /* 여기에 선언하면 메모리가 낭비된다 ( 메모리가 많다면 가능) this.prt = function() { console.log("내 이름은 : ",this.name); }; */ return this; // 클래스의 의미로 사용될땐 생략이 되어 있음. }; // prototype 이란 것에 주목 해야 한다. 이것 때문에 자바스크립트를 // prototype 객체지향 언어라고 부름 myDom.prototype.prt=function(){ console.log("이름 : ",this.name); } let ksh = new myDom("..

DOCTYPE html> 김소원 이은솔 신수연 김정하 예쁜이 // $("#aaa") // 즉각실행함수 // var $; // 전역변수 // var kgb ="민주 주의!"; // alert(window.kgb); // 위에 var kgb 전역변수와 같다. window.$ = null; !function(){ // new를 생략하고 싶다면 factory $ = function(pSel){ return new myDom(pSel); // 여기서 생성해서 돌려준다. } const myDom = function(pSel){ let elems = document.querySelectorAll(pSel); this.selQuery = pSel; // 선택지를 임시로 저장해 둠 this.length = elems.l..