나는 왜 SSGOI-X를 개발하는가?

웹 서핑을 할 때, 페이지 전환으로 인한 순간적인 단절감을 느끼신 적 없으신가요?

저는 이러한 순간이 유독 불편했습니다. 페이지를 넘기거나 스크롤을 하면서 흐름이 끊어지는 듯한 느낌이 들었고, 그로 인해 몰입도가 떨어지고, 내용을 따라가는 데 어려움을 겪곤 했습니다.

이 불편함에 대해 의문을 갖고 여러 자료를 찾는 중, Mangen et al. (2022)의 논문 "Is it the size, the movement, or both? Investigating effects of screen size and text movement on processing, understanding, and motivation when students read informational text"을 접하게 되었습니다. 이 연구에서 페이지 넘김 방식이 독자의 이해도와 동기에 미치는 영향에 대해 다루고 있었고, 저는 여기서 내가 왜 불편함을 느꼈는지에 대한 답을 찾을 수 있었습니다.

이 연구에 따르면, 페이지 넘김 방식이 정보 처리와 이해도 향상에 긍정적인 영향을 미친다는 사실이 밝혀졌습니다. 페이지 넘김을 사용할 때, 독자는 더 잘 기억하고 이해하는 경향이 있었으며, 내재적 동기 또한 유발되는 효과가 있었습니다. 반면, 스크롤링은 이러한 효과를 덜 제공한다는 점에서, 페이지 넘김 방식이 디지털 환경에서 매우 중요한 역할을 한다는 것을 알게 되었습니다.

이 연구 결과를 통해, 페이지 전환 애니메이션이 어떻게 단절감을 해소할 수 있는지에 대한 생각이 들었습니다. 부드러운 페이지 전환 애니메이션은 흐름을 자연스럽게 이어주고, 사용자가 페이지를 넘기거나 이동하는 동안 느끼는 단절감을 최소화하며 몰입도를 높일 수 있지 않을까?

그러던 중, SSGOI라는 라이브러리를 알게 되었고, 이 또한 페이지 전환 애니메이션 문제를 해결하고자 개발된 도구였습니다. 하지만 SSGOI는 Svelte로 개발되어, React나 Next.js와 같은 다른 프레임워크에서 바로 사용할 수 없다는 아쉬움이 있었습니다. 그래서 저는 SSGOI의 장점을 그대로 활용하면서도, React와 Next.js 환경에 최적화된 새로운 라이브러리를 개발할 필요성을 느꼈고, 그 결과 SSGOI-X가 탄생하게 되었습니다

SSGOI-X는 React와 Next.js에서 페이지 전환 애니메이션을 쉽게 구현할 수 있도록 설계될 예정입니다. 개발자는 SSGOI-X를 통해 페이지 전환 효과를 간편하게 추가하여 사용자 경험을 향상시키고 앱과 같은 몰입감 있는 웹 환경을 구축할 수 있을 것입니다.

또한, React와 Next.js의 특징을 고려하여 최적화될 것이며, 사용자 친화적인 인터페이스를 제공하여 개발자가 쉽게 사용할 수 있도록 할 것입니다.

현재 SSGOI-X는 이제 막 개발을 시작하는 단계입니다. 앞으로 페이지 전환 애니메이션의 다양한 효과와 사용자 정의 옵션을 추가하고, React와 Next.js의 최신 버전과의 호환성을 확보하는 등 지속적인 기능 개선을 진행할 예정입니다.

저는 SSGOI-X가 웹 개발자들에게 새로운 가능성을 제시하고, 사용자들에게 더욱 풍부하고 몰입감 있는 웹 경험을 제공할 수 있을 것이라고 확신합니다.

나의 작은 오픈소스가 다른 이들에게 도움이 되길 바라며 글을 마치겠습니다.