최근 서비스들의 웹사이트 레이아웃 질문

보통 앱을 주력으로 하는 서비스들이 위와 같은 UI로 웹을 구현합니다. 반응형(데스크탑 + 모바일)으로 개발하는것에 비해 공수도 적게 들고, 앱으로 유입시키는 랜딩페이지 역할도 같이 겸할 수 있으니까요. 따로 라이브러리가 있는건 아니고 React와 css 조금만 활용하면 어렵지않게 구현할 수 있습니다.

이런 스타일 요새 많이 보이네요. Iframe으로 웹뷰 내용을 꽂아놓은 형태도 봤었습니다. react의 Next.js라면 Tailwind CSS를 사용해서 viewport 크기에 따라 컨텐츠를 hide할 수 있고 show할 수 있는 방법이 있습니다. 설로인이 그런 방식을 사용한 것 같군요. 내부 컨텐츠의 구성은 MUI를 사용했네요. 윙잇은 scss나 sass를 사용한 것 같습니다. 이와 같이 내부 구성은 다르지만 결과는 같도록 할 수가 있습니다. 제생각에는 이런 구현은 Next.js + Tailwind CSS가 좀더 접근하기는 쉽다고 봅니다. 참고하세요.