리액트 공부하면서 노션이 더 편해서 먼저 정리ㅠ 다시 복습하면서 벨로그로 정리하자ㅠ.ㅠ https://www.notion.so/2dcdf8931d14809984c2d7a3849db278?source=copy_link

리액트 시작전 간단한 node.js, 모듈시스템, EMS,라이브러리

대입,산술,복합대입,증감,논리,비교,null,typeof,삼항 연산자

변수,상수,명명규칙,자료형,NaN,string type,형변환

hover이벤트 사용시 마우스가 영역을 벗어날 때 클래스가 빠르게 추가/제거되며 번쩍이는 현상이 발생🤔button의 영역은 충분한데 왜?\-> 팝업/내용이 숨겨지면 마우스는 다시 버튼 위에 있거나 버튼과 팝업 사이의 빈 공간 위에 있게 되고, 이 과정이 매우 빠르게

커밋 충돌 오류

👀 Check-point GSAP + ScrollTrigger를 활용한 애니메이션 구현 Sc

scrollTrigger를 timeline의 내부설정에 따른 오류

<script> 방식 차이

namespace의 특징으로 스크롤 이벤트 해결

gsap.set()은 초기 상태를 명확히 설정하여:애니메이션이 항상 예상한 위치와 스타일에서 시작되도록 보장.

gsap를 이용해서 스크롤시 내가 원하는 영역에서 이벤트가 발생하고 해당영역을 벗어나면 다시 이벤트가 나타나는걸 작성했는데 원하는대로 안됨ㅠ내가 처음 작성한것1.gsap를 이용문제점project-area를 못잡는다내가 생각한 해결법1.부모한데 300vh를 줘서 스크롤할

gsap초기화를 반드시 하는게 좋을까?

// 올바른 방식: 클래스 이름을 공백으로 구분$rolltextWrap.removeClass("a1 a2 a3 a4");// 잘못된 방식: 콤마로 구분 (하나의 문자열로 인식됨)$rolltextWrap.removeClass("a1, a2, a3, a4"); // 작동하

ScrollTrigger.batch의 목적:ScrollTrigger.batch는 여러 요소가 스크롤에 반응할 때 성능을 최적화하며 일괄적으로(배치) 애니메이션을 적용하는 방식입니다. 즉, 화면에 여러 요소가 있을 때 스크롤 이벤트에 따라 특정 구간에 들어오면 해당 요소

📌 svg 마스킹 mask-image를 이용해야한다. background-image처럼 url을 이용해야한다. id연결 먼저 필요한건 ``이다 defs란?? > definitions 정의 그래픽 오브젝트들은 어디서든 참조될 수 있지만, 엘리먼트 안의 이러한 오브

반응형시 오류가 없는가공통 클래스명으로 컨트롤하기 쉽게 작업했는가스크롤에 대한 이벤트처리공통으로 꾸밀때는 영역에 가서 좌표를 잡는게 좋다. \[ video 태그 ] HTML5로 동영상 넣는 방법. 이 글 하나면 모든 고민 끝!muted - 음소거autoplay - 자동

JSON( javascript Object Notation )

sass로 처리할수있는가Json이용하여 데이터 연동이 가능한가sass셋팅 정리

root, swiper-slide-active, outerHeight, Swiper터치, offset().top, 마우스좌표구하기, scrollTrigger