본문 바로가기
반응형

자바8

[JS] import 자바스크립에서 외부 스크립트 또는 외부 모듈의 export된 함수, 객체를 가져오는데 사용됩니다. 모듈 전체 가져오기 import * as myModule from "my-module.js"; 멤버 가져오기 import {foo, bar} from"my-module.js"; 다른 이름으로 멤버 가져오기 import {reallyReallyLongModuleMemberName as shortName} from "my-module.js"; import {reallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short} from "my-module.js"; 바인딩 없이 모듈만 실행하기 단순히 특정 모듈을 불러와 실행만 할 목적이라면, .. 2023. 10. 23.
[JavaScript] 유튜뷰 // Youtube IFrame API를 비동기로 로드합니다. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // onYouTubePlayerAPIReady 함수 이름은, // Youtube IFrame Player API에서 사용하는 이름이기 때문에, // 다르게 지정하면 동작하지 않습니다! // 그리고 함수는 전역(Global) 등록해야 합니다! function .. 2023. 10. 22.
[JavaScript] 날짜 /** * 올해가 몇 년도인지 계산 */ const thisYear = document.querySelector('.this-year') thisYear.textContent = new Date().getFullYear() getFullYear() · 년도를 출력하는 함수입니다. getMonth() · 월을 출력하는 함수입니다. · 단, 0부터 시작합니다. 1월 -> 0 · 그래서 +1 해줘야 현재 월을 알 수 있습니다 getDate() · 날짜를 출력하는 함수입니다. getDay() · 요일을 출력하는 함수입니다. · 월요일 = 1, 화요일 = 2, 수요일 =3, 목요일 = 4, 금요일 = 5, 토요일 6, 일요일 7 그런데 년도를 가져오는 함수는 왜 뜬근없이 getFullYear()일까? getYea.. 2023. 10. 22.
[JS] 함수 function random(min, max) { // `.toFixed()`를 통해 반환된 '문자 데이터'를, // `parseFloat()`을 통해 소수점을 가지는 '숫자 데이터'로 변환 return parseFloat((Math.random() * (max - min) + min).toFixed(2)) } // 부유하는(떠 다니는) 요소를 만드는 함수 function floatingObject(selector, delay, size) { gsap.to( selector, // 선택자 random(1.5, 2.5), // 애니메이션 동작 시간 { delay: random(0, delay), // 얼마나 늦게 애니메이션을 시작할 것인지 지연 시간을 설정. y: size, // `transform: tr.. 2023. 10. 22.
반응형