feat: 온보딩 및 로그인 페이지 퍼블리싱

[ssuryeon]

Summary

퍼블리싱 환경 구축 후 온보딩과 로그인 페이지 퍼블리싱을 진행합니다.

close #4

Changes

• public/fonts 폴더에 Pretendard 폰트 파일을 추가했습니다.
• public/images 폴더에 온보딩, 로그인 페이지 배경 이미지 파일과 소셜 로그인 아이콘 파일을 추가했습니다.
• src/pages 폴더에 온보딩, 로그인 페이지와 css 파일들을 추가했습니다.

Verification

• pnpm dev:web

Notes

• pnpm dev:web 후 Onboarding 페이지 렌더링을 확인했습니다.
• main 파일에서 Onboarding.tsx를 Login.tsx로 교체 후 Login 페이지 pnpm dev:web 실행하여 렌더링을 확인했습니다.

[choihooo]

apps/mobile-shell/android/**` 폴더는 제거해 주세요.

이번 PR은 온보딩/로그인 웹 퍼블리싱 작업인데, Android native project 생성물이 함께 포함되어 있습니다. 저희가 말했던 구조에서는 apps/mobile-shell은 WebView shell 역할만 하고, native project materialization은 별도 작업으로 분리하는 게 맞아보입니다.

또한 현재 Onboarding이 main.tsx에서 앱 최초 화면처럼 직접 렌더되고 있는데, 디자인 의도상 splash 화면이라면 web onboarding page가 아니라 native splash로 처리해야 할 것 같습니다.

정리하면:

• native splash: apps/mobile-shell/app.json의 splash 설정 또는 expo-splash-screen으로 처리
• onboarding/login: apps/web의 page/route로 처리
• mobile-shell: WebView shell 역할 유지

따라서 Android 폴더 제거와 함께, splash로 의도된 화면은 native splash 설정으로 분리해 주세요.

[choihooo]

고생하셨습니다