document.addEventListener("DOMContentLoaded", function () { var goToTopButton = document.querySelector('.버튼 클래스 or #버튼 아이디'); function goToTop() { window.scrollTo({ top: 0, behavior: 'smooth' }); } goToTopButton.addEventListener('click', goToTop); });

1. 캐멀 케이스 ex ) Print AnimalLike 같이 첫 문자가 대문자로 시작하는 것 캐멀 케이스는 클래스로 사용된다. 2. 스네이크 케이스 ex ) print input map_img 같이 첫 문자가 소문자로 시작하는 것 스네이크 케이스는 뒤에 괄호가 있으면 함수이고 뒤에 괄호가 없으면 변수이다 ** 단순한 구분이라 약간의 예외는 있다 print() = > 함수 list() = > 함수 math.pi = > 변수 class Animal = > 클래스 Beautiful() => 클래스이지만 뒤에 괄호가 있다. 이런 경우는 클래스 생성자라고 부르며 특이한 형태의 함수이다. 일단 Beautiful이라는 식별자는 클래스이다. print() : 출력하기 괄호 안의 것을 출력한다. print("안녕","..

var swiper = new Swiper(".Swiper", { 이 부분의 변수의 이름을 중복으로 적지 않았는지 확인한다.

document.addEventListener('DOMContentLoaded', function () { var loopSection = document.querySelector('.해당섹션'); function handleScroll() { var rect = loopSection.getBoundingClientRect(); var isOnScreen = rect.top = 0; if (isOnScreen) { loopSection.classList.add('active'); } else { loopSection.classList.remove('active'); } } window.addEventListener('scroll', handleScroll); handleScroll(); // Check ..

swiper slide에서 slidesPerView랑 loop 같이 썼는데 loop가 작동 안하는 이유 slidesPerView : 4, 이런식으로 쓰면 class swiper-slide의 갯수를 slidesPerView의 배수로 맞춰줘야한다 (4, 8, 12 ...)

보호글 입니다.

보호글 입니다.

https://www.favicon-generator.org/

https://bennettfeely.com/clippy/

class marquee-text안에 before요소로 텍스트를 넣어서 애니메이션 효과, infinite를 줘서 무한히 흐르게 한다 white-space : nowrap 으로 줄넘김을 방지한다. 하지 않으면 줄넘김이 자동으로 돼서 글자가 가로로 배치되는게 아니라 부모의 width값보다 넘어가면 글자가 밑으로 배치되게 된다. overflow hidden을 적용해서 글자가 검은색의 배경을 가진 부모요소 안에만 보이게 한다 코드파일 index.html 안에 css랑 html코드 둘 다 들어가있음

{ const sections = [ { class: ".onewrap", start: 300 }, { class: ".twowrap", start: 1000 }, { class: ".threewrap", start: 1600 }, { class: ".fourwrap", start: 2200 }, { class: ".fivewrap", start: 2800 }, { class: ".sixwrap", start: 3400 } ]; sections.forEach((section, index) => { gsap.to(`.alv-three-hori-wrap${section.class}`, { scrollTrigger: { trigger: ".alv-nine-div-section", markers: false, ..

aspect-ratio: 1 / 1; aspect-ratio: 16 / 9; 종횡비를 정하는 CSS, 1 / 1 은 1 : 1, 16 / 9 는 16 : 9 비율을 갖는다