개발자포럼

리액트 네이티브에서 애니메이션 효과와 제스처 기능을 구현하기 위해서는 React-native 모듈에 빌트인 되어있는 Animated와 PanResponder로 구현 가능하다 하지만 아래 이미지를 보면 실제로 구현되는 애니메이션에는 UI 스레드와 JS 스레드가 혼합되어 동작하고 있으며 JS 스레드에 사용이 많아질수록 퍼포먼스가 떨어지는 문제가 발생하게 된다. 이유는 Animated와 PanResponder에 사용하는 애니메이션이 네이티브에서 작동하는 것이 아닌 JS로 인해 작동하기 때문이다. 물론 이 문제를 해결하기 위해 Animated에서 useNativeDriver를 true로 설정해 네이티브에서 작동하는 것이 가능하지만 위치나 크기 같은 단순 애니메이션에서만 동작하기 때문에 완전히 해결하지 못한다 그..