산체스의 Nelog (Next.js 강의)

드림코딩강의를 듣고 혼자만들어 본 블로그. 심심할때마다 재밌는 기능들을 추가할 예정.

Authors

@songchez

Installation

Install my-project with npm

  git clone
  npm install
  npm run dev

Deployment

https://next-study-flax.vercel.app/

License

MIT

FAQ

Question 1. 누구세요?

산체스요

Question 2. 뭐하는 사람이죠?

백수요

오류 log 1. ERROR

'ArticleCard'은(는) JSX 구성 요소로 사용할 수 없습니다.
해당 반환 형식 'Promise<Element>'은(는) 유효한 JSX 요소가 아닙니다.
'Promise<Element>' 형식에 'ReactElement<any, any>' 형식의 type, props, key 속성이 없습니다.ts(2786)
(alias) function ArticleCard({ post }: {
post: Post;
}): Promise<JSX.Element>
import ArticleCard

typescript에서 promise 요소는 jsx로 들어갈수가 없다..?!?!?!?!??.posts 데이터를 먼저 가져오고 각 post데이터의 author객체를 가지고 쿼리짜서 author 불러와야되는데, 컴포넌트로 분리하면 이렇게 Promise<Jsx.Element> 타입오류가 생긴다. 어떻게 해결해야 할까?(npm run dev로 실행되긴함.)

해결 log 1. 공식문서

https://beta.nextjs.org/docs/data-fetching/fetching#server-component-functions

공식문서를 확인해보니 서버컴포넌트에서 발생하는 promise오류를 무시하는 코드를 알려주었다. async가 걸린 serverComponent를 외부로 뺄때는 타입에러를 조심하자.

songchez/next-study