참고자료: https://azmind.com/bootstrap-4-tutorial-one-page-website/ https://poiemaweb.com/bootstrap-grid-system

참고자료: https://helperbyte.com/questions/142754/what-is-the-difference-between-before-and-before-with-two-colons https://www.w3schools.com/cssref/sel_before.asp Q. 콜론 1개, 2개 차이? A. 간단히 말하면 CSS1, CSS2에서는 1콜론. 그 이후 버전에서는 2콜론. 보다 자세한 내용은 링크 참조. Q. CSS before, after 사용법? A. The ::before selector inserts something before the content of each selected element(s). Use the ::after selector to insert someth..

Canvas API는 JavaScript와 HTML 엘리먼트를 통해 그래픽을 그리기위한 수단을 제공합니다. canvas 엘리먼트를 생성한다고 해서 바로 그림을 그릴 수 있는 캔버스가 세팅되는 것은 아니다. 참고자료: https://developer.mozilla.org/ko/docs/Web/HTML/Canvas

참고자료: https://teamtreehouse.com/community/understanding-the-difference-between-an-htmlcollection-and-a-nodelist https://webclub.tistory.com/341 https://iamawebdeveloper.tistory.com/50 nodes: DOM API상에 존재하는 모든 것들. 그것들을 모두 포괄하는 이름이 node이다. Node의 밑에 Element가 있고 element: one specific type of node. 예를 들어 div, body, window 같은 특정한 타입. 모든 element는 HTMLElement의 자식이다. 따라서, HTMLElement의 property를 똑같이 가지고 있..

참고자료: https://whatabouthtml.com/difference-between-getelementbyid-and-queryselector-180 getElementBy..나 querySelector나 둘 다 DOM 제어에서 사용할 수 있다. 하지만 querySelector가 더 복잡하고 강력하다. getElementby.. querySelector 예) document.getElementById('web-id').innerHTML; 예) document.querySelector('#web-id').innerHTML; 만약에 해당 선택자에 맞는 element가 없다면 null을 반환한다. 해당 선택자에 맞는 element 뭉탱이 중에서 첫번째 놈을 반환한다. querySelectorAll는 모..

저거 jquery.min.js 파일 받는 방법 방법 1. http://tcpschool.com/jquery/jq_intro_apply 제이쿼리는 자바스크립트 라이브러리이므로, 제이쿼리 파일은 자바스크립트 파일(.js 파일) 형태로 존재합니다. 따라서 웹 페이지에서 제이쿼리를 사용하기 위해서는 제이쿼리 파일을 먼저 웹 페이지에 로드(load)해야 합니다. 최신 버전의 제이쿼리 파일은 다음 공식 사이트에서 다운받을 수 있습니다. jQuery.com : http://jquery.com/download => 방법 2. 자기가 이용할 jquery lib 주소를 가지고 있는 경우 예를 들어 https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js 이렇게 생..