Next.js 기반으로 공부를 진행하는김에 프로젝트를 하나 만들면서 공부를 하면 좀더 빠르게 이해할 수 있을것 같아서 진행하게 됐어
교회 웹사이트를 만들게 된 계기는
우리 교회가 규모가 작다보니 아직 웹사이트가 없어서 한번 만들어 볼까해
1. 기능정의서
우선 간단하게 기능은 이정도로 정했고
2. 아키텍처 설계
Frontend + Backend : 배포는 Vercel을 선정했어
이유 :
Netlify: 월 125,000회 호출, 100시간 실행 (Background Functions는 별도)
Vercel: 일 100GB-hours (함수 실행 시간 * 메모리)
교회 웹 사이트에서는 사용량이 많지 않고, 동영상 업로드도 웬만하면 유튜브 링크를 통해 제공할 것이기 때문에 용량의 문제가 있다고 판단되지 않아서
일일 사용량이 더 넉넉한 Vercel을 선택했어
ORM : Prisma를 공부해야되기 때문에 Next.js에서 ORM으로 사용한다는 prisma를 선택했어
DB : Cloud DB중 가장 무료티어에 용량을 많이 허용해주는 TIDB를 찾아서 Prisma와 연동이 되는지 확인후 선택 했어
Storage : Cloud DB중 가장 무료티어에 용량을 많이 허용해주는 MEGA를 찾아서 이것을 선택했어
화면정의서나 usecase 정의서등 이런건 만들지 않을 생각이야
이직한 회사 입사하기전 여행을 가는데 그 전에 짬내서 하는거라 시간이 많이 없어 ㅠㅠ
개발 순서는 TOP DOWN 방식? 머 Tree 구조로 진행해보려고
메인 페이지 → 카테고리 페이지들 → DB구축 → 백엔드 API 작성 → 프론트와 연결 → 배포
이 순서대로 개발 진행해볼게 틈틈히 기록할테니 지켜봐달라구~
'기술공부 > Next.js' 카테고리의 다른 글
| Next.js기반 교회 웹사이트 제작 [4] - Main페이지 작업 (Footer) (2) | 2025.03.06 |
|---|---|
| Next.js기반 교회 웹사이트 제작 [3] - Main페이지 작업, 환경변수 사용법 (0) | 2025.03.06 |
| Next.js기반 교회 웹사이트 제작 [2] - Main페이지 작업 (0) | 2025.03.06 |
| Next.js기반 교회 웹사이트 제작 [1] - Main페이지 작업 (0) | 2025.03.05 |
| Next.js란 무엇이고 왜 쓸까? (0) | 2025.03.05 |