SSGOI 블로그

최신 소식과 개발 스토리

웹에서 네이티브 앱처럼 이동하기: View Transition 완벽 가이드

웹에서 네이티브 앱처럼 이동하기: View Transition 완벽 가이드

단순한 페이지 이동을 네이티브 앱같은 경험으로 바꿔보세요. SSGOI의 다양한 View Transition 유형과 실제 사용 예시를 인터랙티브 데모와 함께 소개합니다.

문대승
view-transitionsuxanimationtutorial
Vue 3 지원 시작!

Vue 3 지원 시작!

SSGOI가 드디어 Vue 3를 공식 지원합니다! Vue와 Nuxt 애플리케이션에 네이티브 앱같은 부드럽고 매력적인 페이지 전환 효과를 적용해보세요.

문대승
vuenuxtreleasetransitions
서버사이드 랜더링 최적화

서버사이드 랜더링 최적화

ssgoi는 단순한 설정으로, nextjs의 라우팅을 그대로 활용하게끔 설계되었습니다. sveltekit도 마찬가지죠. 심지어 nextjs의 서버컴포넌트 환경에서도 문제없이 동작합니다.

문대승
ssrnextjssveltekit
이 라이브러리를 쓰면 뭐가 좋나요?

이 라이브러리를 쓰면 뭐가 좋나요?

하지만 왜 데스크톱 환경에서 페이지 이동 애니메이션을 신경쓰지 않는 걸까요? 단순한 효과만으로도 수려한 느낌을 만들 수 있습니다. ssgoi의 문서에는 애니메이션을 곧곧에 숨겨 놨습니다. 한번 둘러보세요

문대승
ssgoianimation
트랜지션은 어떻게 구현할까요?

트랜지션은 어떻게 구현할까요?

화면 속 요소가 언제나 정적으로 머무르지는 않습니다. 유저의 동작에 의해 사라질 수도 있고, 생겨날 수도 있지요. 그러나 애니메이션을 부여하는 일은 쉽지 않습니다.

문대승
transitionanimationreactsvelte
물리학과 애니메이션

물리학과 애니메이션

물체의 움직임을 어떻게 정의할 수 있을까요? 한가지 방법은 운동방정식으로 표현하는 것입니다.

문대승
physicsanimation
안녕하세요 SSGOI 만든 사람입니다.

안녕하세요 SSGOI 만든 사람입니다.

이번 SSGOI는 스벨트로부터 배운 인사이트를 통해 리액트에도 적용해 v2에서는 모든 프레임워크 지원을 목표로 하고 있습니다.

문대승
ssgoimoondaeseungmeursyphus