feat: One App 환경 세팅

[createhb21]

close #228

What is this PR? 🔍

Next.js 14버전 새로운 앱 환경 구축을 진행했어요.

• Trello Ticket

Changes 📋

폴더 구조

📦src
 ┣ 📂app
 ┃ ┣ 📂_component
 ┃ ┃ ┃ ┣ MSWComponent.tsx
 ┃ ┣ 📂(site)
 ┃ ┃ ┣ 📂login
 ┃ ┃ ┃ ┣ 📂_component
 ┃ ┃ ┃ ┃ ┣ LoginButton.tsx
 ┃ ┃ ┃ ┣ 📂_lib
 ┃ ┃ ┃ ┃ ┣ getRedirectUrls.ts
 ┃ ┃ ┃ ┣ page.tsx
 ┃ ┃ ┃ ┣ loading.tsx
 ┃ ┃ ┣ page.tsx
 ┃ ┃ ┣ layout.tsx
 ┃ ┃ ┣ not-found.tsx
 ┃ ┣ favicon.ico
 ┃ ┣ globals.css
 ┣ 📂mocks 
 ┣ 📂model 
 ┣ 📂store 
 ┣ 📂common
 ┃ ┣ 📂utils
 ┃ ┣ 📂assets
 ┃ ┣ 📂components

설명

폴더명	폴더 설명
public	누구나 접근 가능한 서버이므로 모든 사람들이 접근 가능한 이미지 등을 넣어요.
src/app 구조	app 폴더는 라우팅과 관련된 파일만 넣어 두고 그렇지 않은 파일(mocks, model 등)은 src에 넣어요.
private folder(_폴더)	해당 페이지에서만 사용하는 것들
mocks	msw 설정 파일들
model	schema 타입 정의
store	zustand 이용한 전역 변수 관리
common	전역적으로 사용되는 util, component, asset 등

ScreenShot 📷

To Reviewers 💬

App Router 으로 환경 구축하는게 되게 어색하네요 🙃 네이밍 컨벤션이나 폴더 구조 등등 자유롭게 의견 주시면 반영해볼게요ㅎㅎㅎ.

[YoonJeongLulu]

작성해주신 폴더구조 정리 너무 깔끔합니다! Readme.md에 있어도 될 것 같아요!

[YoonJeongLulu]

효범님, one-app이라는 폴더가 결국엔 next 혹은 웹을 지칭하시는거죠? services레벨 하위에 나중에 RN 세팅하면 되는걸까요?

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
next-ahhachul-com	❌ Failed (Inspect)			Oct 27, 2024 5:17am

[createhb21]

rn은 따로 레포가 있어요! ahhachul-app 따로 나누는게 편하지 않을까요? @YoonJeongLulu

[YoonJeongLulu]

rn은 따로 레포가 있어요! ahhachul-app 따로 나누는게 편하지 않을까요?

그럼 services/one-app이라는 폴더 없이 가두 되는거죵? 저희 웹이란 레포 안에서 웹뷰와 웹을 동시에 만들터이니!

앱 분리는 저도 그렇게 생각하는 바라 기존에 있던 앱에서 기획할게요!

[createhb21]

@YoonJeongLulu 넵 기존 코드 날리시고 그냥 오버라이드 하셔도 됩니다.