node 게시판에 잘못 올린 글을 다시

[배준열]

강의 수강한지 얼마 되지 않은 초보인데
선생님의 강의를 따라가는 수준도 안되는지
아래의 소스 실행을 하면 porps 값을 나타내지 못하고 있습니다.
무엇을 놓치고 있을까요?

-------------------------------------------------------------------------
import { connectDB } from "@/util/database";
import { ObjectId } from "mongodb";

export default async function Detail (props) {
    const db = (await connectDB).db("forum")
    // const result = await db.collection('post').find().toArray()  // 전체
    // const result = await db.collection('post').findOne({ title: '어쩌구'})  //한 레코드
     const result = await db.collection('post').findOne({ _id: new ObjectId('67555e57f7ae2aacb8529fea') })    
    // const result = await db.collection('post').findOne({ _id: new ObjectId(props.id) })
     console.log(props)
    return (
        <div>
            <h4>상세페이지</h4>
            <h4>{result._id.toString()}</h4>
            <h4>{result.title}</h4>
            <p>{result.content}</p>
        </div>
    )
}

----------------( terminal 에 나타나는 메시지 )--------------------------
 ✓ Starting...
 ✓ Ready in 1485ms
 ○ Compiling /detail/[id] ...
 ✓ Compiled /detail/[id] in 1523ms
(node:21496) [MONGODB DRIVER] Warning: useNewUrlParser is a deprecated option: useNewUrlParser has no effect since Node.js Driver version 4.0.0 and will be removed in the next major version
(Use `node --trace-warnings ...` to show where the warning was created)
(node:17800) [MONGODB DRIVER] Warning: useNewUrlParser is a deprecated option: useNewUrlParser has no effect since Node.js Driver version 4.0.0 and will be removed in the next major version
(Use `node --trace-warnings ...` to show where the warning was created)
{
  params: Promise {
    { id: '674e92c9b708a9b63b889e77' },    
    id: '674e92c9b708a9b63b889e77',        
    [Symbol(async_id_symbol)]: 815,        
    [Symbol(trigger_async_id_symbol)]: 814,
    [Symbol(kResourceStore)]: {
      isStaticGeneration: false,
      page: '/detail/[id]/page',
      fallbackRouteParams: null,
      route: '/detail/[id]',
      incrementalCache: [IncrementalCache],
      cacheLifeProfiles: [Object],
      isRevalidate: false,
      isPrerendering: undefined,
      fetchCache: undefined,
      isOnDemandRevalidate: false,
      isDraftMode: false,
      requestEndedState: [Object],
      isPrefetchRequest: false,
      buildId: 'development',
      reactLoadableManifest: {},
      assetPrefix: '',
      afterContext: undefined,
      fetchMetrics: []
    },
    [Symbol(kResourceStore)]: {
      type: 'request',
      phase: 'render',
      implicitTags: [Array],
      url: [Object],
      headers: [Getter],
      cookies: [Getter/Setter],
      mutableCookies: [Getter],
      userspaceMutableCookies: [Getter],
      draftMode: [Getter],
      renderResumeDataCache: null,
      devWarmupPrerenderResumeDataCache: null,
      isHmrRefresh: false,
      serverComponentsHmrCache: [LRUCache]
    }
  },
  searchParams: Promise {
    {},
    [Symbol(async_id_symbol)]: 747,
    [Symbol(trigger_async_id_symbol)]: 0,
    [Symbol(kResourceStore)]: {
      isStaticGeneration: false,
      page: '/detail/[id]/page',
      fallbackRouteParams: null,
      route: '/detail/[id]',
      incrementalCache: [IncrementalCache],
      cacheLifeProfiles: [Object],
      isRevalidate: false,
      isPrerendering: undefined,
      fetchCache: undefined,
      isOnDemandRevalidate: false,
      isDraftMode: false,
      requestEndedState: [Object],
      isPrefetchRequest: false,
      buildId: 'development',
      reactLoadableManifest: {},
      assetPrefix: '',
      afterContext: undefined,
      fetchMetrics: []
    },
    [Symbol(kResourceStore)]: {
      type: 'request',
      phase: 'render',
      implicitTags: [Array],
      url: [Object],
      headers: [Getter],
      cookies: [Getter/Setter],
      mutableCookies: [Getter],
      userspaceMutableCookies: [Getter],
      draftMode: [Getter],
      renderResumeDataCache: null,
      devWarmupPrerenderResumeDataCache: null,
      isHmrRefresh: false,
      serverComponentsHmrCache: [LRUCache]
    }
  }
}
 GET /detail/674e92c9b708a9b63b889e77 200 in 3482ms
 ✓ Compiled /favicon.ico in 198ms
 GET /favicon.ico?favicon.45db1c09.ico 200 in 326ms

[codingapple]

15버전부터는 await props라고 써야 출력가능합니다 귀찮으면 설치강의 명령어 따라서 14버전으로 설치합시다

[글쓴이]

글