3D Web Art

1. jQuery 인클루드jQuery를 사용하기 위해서는 가장 우선적으로 jQuery 라이브러리가 인클루드 되어야 한다.인클루드 방법은 2가지의 방법이 있다. 1) 아래 링크에서 원하는 버전의 jQuery를 직접 다운로드 받아 인클루드 하는 방법https://jquery.com/ 2) 기본 jQuery 1.11.1 버전에 직접 접속하는 방법(테스트 작성시 많이 사용되는 방법) 2. jQuery 준비 선언 - document ready1) 가장 많이 사용  되는 선언 방법$(document).ready(function() { ... code ... });2) 약식 선언 방법$(functiom() { ... code ... })3) 정식 선언식jQuery(document).ready(function() { ..

아래 정리가 잘 된 문서이다.참고하면 도움이 될듯하다.https://hhyemi.github.io/2021/06/09/arrow.html 일반함수와 화살표 함수를 사용시 이벤트리스너에서 차이가 확연히 날것이다.document.querySelector('selector').addEventLisetner("click", function(e) {    console.log(this);    // 일반함수에서 this는 셀렉터 자신을 반환한다.})결과 : 셀렉터의 html dom document.querySelector('selector').addEventLisetner("click",(e) => {    console.log(this);    // 화살표함수에서 this는 브라우저 window를 반환한다.})..

document.addEventListener("DOMContentLoaded", () => {    /* Code :    이 안에 코드가 작성이 되지 않을떄 떄로는 오류가 발생하기도 한다.    이유는 문서가 완전히 로드 되기 전에 스크립트가 실행게 되면    스크립트기 실행 되는 시점이 html dom이 그려지기 전이기 떄문에    해당 셀렉터에 해당 되는 html dom은 존재하지 않은 상태로 스크립트가 실행되어 오류가 발생되는 이슈가 가장 많이 발생되는 오류 원인이다.    다른 이유도 존재할 수 있음.    */});

[필수]연관문서jQuery Codeconst fontResponsive = () => {            let bodyFontSize = 16;            let maxWidth = 750;            let calc = 0;            let currentWidth = $(window).width();            //alert(11)            if (currentWidth > maxWidth) {                $('html').css({                    fontSize: bodyFontSize                })            } else {                console.log(22)   ..