인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

bangul.dev님의 프로필 이미지
bangul.dev

작성한 질문수

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

style.transform 을 리액트에서는 어떻게 사용하나요?

해결된 질문

작성

·

251

0

인터랙티브 웹을 만들고 싶어서 구매를 하였으나, 리액트를 사용하는 입장에서 어떻게 코드변환을 해야 사용할 수 있을지가 의문이 들게되네요 ㅠㅠ

style.transform 은 리액트에 없는 구문인것 같아서 문의 드립니다..

답변 1

0

코딩일레븐님의 프로필 이미지
코딩일레븐
지식공유자

리액트용으로 변환하여 인터랙티브를 사용하기가 쉽지는 않죠.

리액트에 style.transform이 없는 것은 아닌데

아무래도 리액트는 돔을 직접 다루지 않아서 애매하기는 합니다.

스크롤 애니메이션 같은 경우는 아래 URL 참고해서 구현해보세요.

https://gist.github.com/koistya/934a4e452b61017ad611

componentDidMount() {
    window.addEventListener('scroll', this.handleScroll, true);
}

bangul.dev님의 프로필 이미지
bangul.dev

작성한 질문수

질문하기