전체 글
-
선택자프로그래밍/JQuery 2022. 10. 18. 07:36
JQuery 선택자는 함수에서 사용하거나 적용되길 원하는 특정 요소 혹은 속성으로 자바스크립트와 비교했을 때 굉장히 간단한 방법으로 요소와 속성을 지정할 수 있다. 자바스크립트는 요소를 선택하기위해서는 document.getElement를 활용하지만 제이쿼리는 $(‘’)로 간단하게 표현이 가능하다. 자바 스크립트와 제이쿼리를 코드를 통해 비교해보면 document.getElementsByTagName('요소이름'); // == $('요소이름); document.getElementsByClass('클래스명'); // == $('.클래스명); document.getElementById('아이디명'); // == $('#아이디명); 이런식으로 좌측이 자바스크립트 코드이고 우측이 제이쿼리 코드이다. 한눈에 봐도..
-
함수프로그래밍/JQuery 2022. 10. 17. 21:52
제이쿼리에서 함수를 표현하는 방법에 대해 배워보자. 자바스크립트는 HTML 문서가 전부 로드가 된 이후 실행이 되어야하는 규칙이 존재하기 한다. 특별히 문제가 발생하지 않지만 아직 존재하지않는 HTML 요소에 속성을 다루고자할때 문제가 발생할 수 있다. 따라서 자바스크립트에서 HTML 문서를 전부 로딩하고 실행되는 함수를 아래와 같이 표현하였다. window.onload = function(){ // HTML 문서를 다 읽고 실행하는 함수 실행문 ... } 제이쿼리에서도 똑같은 기능을 수행하는 함수를 아래와 같이 표현가능하다. $(document.ready(function(){ // 구버전 실행문 ... })); $(function(){ // HTML 문서를 다 읽고 실행하는 함수 실행문 ... }); ..
-
라오어의 미국주식 무한매수법일상/독서 2022. 10. 15. 12:54
최근 몇 년 간 코로나로 인해 단기간 경기가 침체되며 미국은 경기부양을 위해 양적완화 정책으로 방대한 양의 돈을 시장에 풀었던 이유로 21년까지 세계증시와 자산가격은 엄청난 속도로 상승하게된다. 이러한 흐름은 오래가지 않고 부매랑이 되어 물가 상승으로 이어지며 세계는 인플레이션을 겪게된다. 미국은 물가 상승을 잡기위해 긴축정책을 펼치며 기준금리 인상결정을 지속 단행하게 되지만 세계는 복잡계 속에 있듯 우크라이나 전쟁, 에너지 가격 상승 등 여러 변수들의 복합적인 작용으로 인해 미래를 예측하기는 어려워지고 세계적으로 경기침체에 대한 공포가 확산되고 있다. 현재에도 여러 국가들은 도미노처럼 줄줄이 쓰러질 준비를 하고 있으며 영국은 감세 정책으로 구제 금융에 대한 우려도 나오는 와중 한국도 이를 피해갈 수는 ..
-
JQuery 들어가기프로그래밍/JQuery 2022. 10. 15. 09:35
제이쿼리는 오픈 소스 기반의 자바스크립트 라이브러리로 문서 객체 모델(DOM)와 이벤트에 돤한 처리를 쉽게 할 수 있다는 장점을 가지고 있다. 제이쿼리의 버전 1.x : 익스플로러 6, 7, 8 버전에서의 동작까지 모두 지원하는 버전 2.x : 버전 1에서 지원하는 익스플로러 6, 7, 8 버전에 대한 지원을 중단한 버전 3.x : 제이쿼리 표준. 호환성을 유지한 간결하고 빠른 설계. 익스플로러 9이상에서만 동작 제이쿼리를 사용하는 방법 1. 제이쿼리 파일을 다운 받는 방법 https://jquery.com/download/ 에 들어가면, Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery..
-
JavaScript 이벤트 전파(Event Propagation)프로그래밍/JavaScript 2022. 10. 14. 07:44
이벤트가 발생했을 때 브라우저가 이벤트 리스너를 실행시킬 대상 요소를 결정하는 과정으로 document 객체나 HTML 문서의 요소에서 이벤트가 발생하면 대상 요소를 결정하기 위해 이벤트 전파가 일어난다. 이벤트 전파 방식으로는 버블링, 캡처링 두가지 방식이 있다. 버블링은 특정 요소에 이벤트가 발생하면 그 요소부터 가장 최상단의 조상 요소를 만날 때까지 상위 요소로 올라가면서 해당 이벤트가 전달되는 특성을 의미하고 그에 반해 캡쳐링은 이벤트 버블링과는 반대로 특정 요소에 이벤트가 발생하면 window 에서 시작해서 이벤트 타깃 요소를 만날 때까지 하위 요소로 내려가면서 해당 이벤트가 전달되는 특성을 의미한다. 먼저 버블링 방식을 예제를 통해 확인해보자. 박스 안에 여러곳을 클릭하세요 위 코드를 살펴보면..
-
JavaScript 이벤트프로그래밍/JavaScript 2022. 10. 12. 07:34
대부분의 함수는 사용자가 화면에 버튼을 클릭하거나 항목을 선택했을 때 실행된다. 이처럼 버튼을 클릭하거나 항목을 선택하는것을 이벤트라고한다. 이벤트는 웹 브라우저가 알려주는 HTML 요소애 댜한 사건의 발생을 의미하며 웹 페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행한다. 따라서 자바 스크립트는 비동기식 이벤트 중심 프로그래밍 모델이라고한다. 이벤트 타입 이벤트 타입은 발생한 이벤트의 종류로 이벤트 명이라고도한다. 주요 이벤트 타입으로는 마우스 이벤트, 키보드 이벤트, 문서로딩 이벤트, 폼 이벤트가 있다. 마우스 이벤트 종류 설명 click 사용자가 HTML요소를 클릭했을때 발생 dbclick 사용자가 HTML요소를 더블클릭했을때 발생 mousedown 사용자가 요소위에서 마우..
-
JavaScript 폼객체프로그래밍/JavaScript 2022. 10. 11. 20:32
폼객체는 웹 문서 내 여러 폼 요소가 존재할 경우 특정 폼 요소를 다루기 위해 사용한다. 폼에 접근하는 방법으로 form를 객체화 시켜 변수로서 사용 가능하다. 폼 객체를 활용하여 input내 value 값을 간단하게 접근하여 객체로서 사용할 수 있다. const id = document.myform.userid.value; // apple const id = frm.userid.value; // frm내 name이 userid인 요소의 값 = apple const id = frm.elements[0].value; // frm내 요소 중 인덱스 0번인 요소의 값 = apple const id = frm.element['userid'].value; // frm내 요소 중 name이 userid인 요소의 값..