<aside> 💡

피그마 바로가기 👉 하이브리드앱 부트캠프

</aside>

1. 공통(웹/앱)

   • [ ] 숙제를 위한 폴더 project를 만들고, 하위에 앱폴더(폴더이름: mobile)와 웹폴더(폴더이름: web)를 각 각 1개씩 추가합니다.

     ⇒ 앱폴더(폴더이름: mobile)는 create-expo-app@latest 명령어로 만들어 주세요.

     ⇒ 웹폴더(폴더이름: web)는 create-next-app@latest 명령어로 만들어 주세요.

2. 공통(웹)

   • [ ] project/web 경로에 설치된 웹폴더는 하이브리드앱의 메인화면을 담당합니다. 따라서, 해당 폴더에 솔플레이스로그-등록페이지를 다음과 같이 만들어 주세요.

     ⇒ 솔플레이스로그-등록페이지: project/web/src/app/solplace-logs/new/page.tsx

3. 공통(앱)

   • [ ] project/mobile 경로에 설치된 앱폴더는 최소한의 코드만 유지하기 위해 파일만 남기고 폴더는 모두 삭제해 주세요.
   • [ ] project/mobile 경로에 app 폴더를 생성하고, project/mobile/app 경로에 숙제가이드에 포함된 _layout.tsx, index.tsx 파일을 복사해 주세요.
   • [ ] project/mobile/app/index.tsx 경로에 작성된 <WebView /> 컴포넌트에 uri 경로를 솔플레이스로그-등록페이지로 설정해 주세요.

4. 솔플레이스로그-등록페이지

   • [ ] project/web/src/app/solplace-logs/new/page.tsx 경로에 피그마를 참고하여 UI 및 기능을 완성해 주세요. => 웹에서의 기능 및 라이브러리 추가에 제한을 두지 않습니다. => 컴포넌트의 폴더 경로(또는 npm 업로드) 추가 등에 제한을 두지 않습니다.
   • [ ] 휴대폰 노치영역은 침범하지 않습니다. => 노치영역과 겹치지 않도록 만들어 주세요.
   • [ ] 플레이스주소 인풋창은 readonly로 만들어 주시고, 서울시청의 lat, lng를 기본값으로 사용해 주세요. (이후 숙제에서 lat, lng 변경 가능합니다.)
   • [ ] 사진업로드는 5MB 이하로 제한합니다.
   • [ ] 사진업로드 개수에 제한은 없으며, 사진의 개수가 늘어나면 좌우스크롤이 가능하도록 만들어 주세요.