기록저장소

이벤트 1강. 이벤트 객체 들여다보기 2강. 이벤트 객체 파라미터? 함수의 구조 // 함수 선언 function makeLog(str) { console.log(str); } // 함수 호출 makeLog('안녕하세요'); makeLog함수는 파라미터 하나(str)를 받도록 정의도어, 함수를 호출할 때 파라미터로 값을 하나 넘길 수 있음 이벤트 핸들러 $(document).on('keydown', keyboardInput); 이벤트 핸들러 함수(keyboardInput)를 호출하는 코드가 자바스크립트 내부에 구현된 상태, 함수 선언에 파라미터를 넣는 것만으로도 이벤트 객체 전달이 가능 // 이벤트 객체를 사용할 경우 function keyboardInput(e) { console.log(e.key); }..

jQuery I 1강. DOM pt.1 HTML의 트리구조 = 문서 객체 모델(Document Object Model), DOM 구조, 텍스트가 아닌 Object로 생성된 구조 2강. DOM pt.2 document - html - head - title / meta - body - form - input typeof document = "object" document.getElementById('submin-btn'); //document라는 최상위 객체에서 불러옴 jQuery를 이용해서 DOM트리 다루기 - 다양한 방식으로 DOM객체 선택하기 - DOM 트리에 요소 추가하고 빼기 - DOM트리의 요소 변형시키기 3강. jQuery 사용해보기 Hello Codeit! 청소 코딩 숙제 영화 $("#hel..

과제로 워밍업 1강. JavaScript의 기능들 2강. Math 정리노트 절대값(Absolute Number) : Math.abs(x) console.log(Math.abs(-10)); //10 console.log(Math.abs(10)); //10 최댓값(Maximum) : Math.max(a, b, c) console.log(Math.max(2, -1, 0); //2 최솟값(Minimum) : Math.min(a, b, c) console.log(Math.max(2, -1, 0); //-1 거듭제곱(Exponentiation) : Math.pow(x, y) console.log(Math.pow(2, 3); //8 제곱근(Square Root) : Math.sqrt(x) console.log(Mat..

HTML, CSS와의 콜라보레이션 1강. 환경설정 F12 - console 에서 임시적용 가능 2강. HTML의 해결사, 자바스크립트 Home Home Home //▽ Home Home //photo라는 id값을 가진 요소 가져오기 //src 변경 Home 3강. 코드를 함수로 빼기 Home Home //photo라는 id값을 가진 요소 가져오기 //src 변경 Home //clickSeoul이라는 함수 호출 //간략히 하기 Home Home //하나의 함수로 남기기 .......?? seoul tokyo 4강. 폰트 굵기 바꾸기 5강. jQuery jquery cdn 최신버전, minified Home Home //▽ 6강. jQuery 설치 정리 노트 1. 링크 사용하기 _ jQuery CDN 더 빠..