Feat: Progress Bar 구현 #33

src/app/api/people/getMembers.ts

@@ -2,7 +2,7 @@ import { connectDb } from '@/libs/connect-db'
 import { Member } from '@/models/member-schema'
 
 export const getMembers = async () => {
-  const res = await connectDb()
+  await connectDb()
   const data = await Member.find()
   return data
 }

src/app/api/people/route.ts

@@ -4,7 +4,6 @@ import { getMembers } from './getMembers'
 export async function GET(request: NextRequest) {
   try {
     const data = await getMembers()
-    console.log(data)
     return Response.json({ data })
   } catch (error) {
     return Response.json({ error }, { status: 500 })

src/app/api/project/getProjects.ts

@@ -0,0 +1,8 @@
+import { connectDb } from '@/libs/connect-db'
+import { Project } from '@/models/project-schema'
+
+export const getProjects = async () => {
+  await connectDb()
+  const data = await Project.find()
+  return data
+}

src/app/api/project/route.ts

@@ -0,0 +1,11 @@
+import { NextRequest } from 'next/server'
+import { getProjects } from './getProjects'
+
+export async function GET(request: NextRequest) {
+  try {
+    const data = await getProjects()
+    return Response.json({ data })
+  } catch (error) {
+    return Response.json({ error }, { status: 500 })
+  }
+}

src/app/people/page.tsx

@@ -1,8 +1,10 @@
 import React from 'react'
 import People1 from './container/People1'
 import People2 from './container/People2'
+import { getAllMembers } from '@/client-api/api'
 
-export default function PeoplePage() {
+export default async function PeoplePage() {
+  const members = await getAllMembers()
   return (
     <main>
       <People1 />

src/client-api/api.ts

@@ -0,0 +1,13 @@
+const API_END_POINT = `${process.env.NEXT_PUBLIC_BASE_URL}`
+
+export const getAllMembers = async () => {
+  const res = await fetch(`${API_END_POINT}/api/people`)
+  const { data } = await res.json()
+  return data
+}
+
+export const getAllProjects = async () => {
+  const res = await fetch(`${API_END_POINT}/api/project`)
+  const { data } = await res.json()
+  return data
+}

src/models/member-schema.ts

@@ -1,9 +1,10 @@
 import mongoose, { Schema } from 'mongoose'
 
 export const MemberSchema = new Schema({
-  이름: String,
-  기수: String,
-  포지션: String
+  _id: String,
+  name: String,
+  generation: String,
+  type: String
 })
 
 export const Member =

src/models/project-schema.ts

@@ -0,0 +1,14 @@
+import mongoose, { Schema } from 'mongoose'
+
+export const ProjectSchema = new Schema({
+  _id: String,
+  description: String,
+  github: String,
+  imageUrl: String,
+  member: String,
+  project: String,
+  team: String
+})
+
+export const Project =
+  mongoose.models.Project ?? mongoose.model('Project', ProjectSchema)