반응형
평소 인터렉티브 기법을 곁들인 이벤트 기술에 대한 관심이 많았다 프론트엔드 작업에서도 꽤 많이 쓰인다고 하기에 공부해볼 필요가 있다고 생각했다
스크롤 인터렉션이 멋지게 구성된 사이트를 찾던 중 애플 에어팟 사이트를 찾게 되었다
처음엔 엄청 멋진 사이트다..라고 생각했지만 정신을 차리고 나니 내가 이걸 어떻게 만들지..이런 생각도 들었다
그래도 마음에 든 사이트인 만큼 최대한 비슷하게라도 구현을 목표로 해보자!!
이번 프로젝트에서는 완성도를 목표를 하는게 아닌 스크롤 이벤트에 대한 이해도와 자바스크립트 문법 공부가 우선순위가 돼야 한다고 생각한다
스크롤할 때 영상이 실시간으로 바뀌는데 찾아보니 영상을 이미지로 아주 많게 쪼개서 프레임으로 사용하는 듯하다
랜더링 문제도 고려해야 하지만 일단 만들고 생각해 봐야 할 거 같다..
제대로 된 기술 스택과 설명은 완성 후 Github 링크와 함께 README에 올릴 예정이다
블로그는 프로젝트에 대한 고민과 어떻게 생각했는지 그런 응어리들을 작성하려고 한다 평소에는 뭔가 만들어도 딱히 블로그에 작성하지 않았는데 왠지 이번만큼은 이렇게 하고 싶다.. 그만큼 이번 개인 프로젝트에 진심이라고 생각하는 거 같다