[React Native] 웹뷰 기반 앱 구축기: React Native + Next.js로 만드는 하이브리드 전환 구조 / 기본 편

친구가 만들고 싶은 게 있다 해서 도와주는 겸 개인 프로젝트를 조금씩 해보고 있던 중 있던 일. 앱을 만들려하는데, 웹뷰라는 걸 알게 되어 전체적으로 웹뷰로 만들고자 함. React Native로만 앱을 만들었던 적이 있었는데, 라이브러리 생태계가 그리 활발하진 않아서 여러모로 고생함.이걸 웹 기반으로 구성할 수 있었다니… 왜 이제야 알았을까 싶었음. 웹뷰의 기반은 공부도 할 겸 Next.js로 결정.먼저 Navbar 컴포넌트를 만들고, 기본적인 UI 구조는 완성함.이후 CSS나 인터렉션 관련해 더 참조하고자 여러 앱들을 봤다. 그중 최고를 뽑자면 토스인 듯. 인터렉티브 하면서 깔끔하다. text와 SVG에 transition을 주는 방법을 구현하면 더 좋을 것 같긴 하다. 근데 써보면서 알게 ..

2025.04.24