blog/2022-11-17-nextjs-13-client-component

[utterances-bot]

Next.js 13의 Client Component 살펴보기

Next.js 13의 Client Component 살펴보기

https://mycodings.fly.dev/blog/2022-11-17-nextjs-13-client-component

[Joong-Sunny]

잘보고갑니다~

블로그에 코드 첨부할때 어떻게 하시나요?

[cpro95]

마크다운이라 백틱 3개면 됩니다.

[Joong-Sunny]

귀찮게해서 죄송합니다. 백틱 3개여도 저는 스타일이 조금 다르던데, 추가설정 하신부분 있으신가요? javascript 혹은jsx 로 넣어주어도 색상이 안예쁘게 들어가서요

[cpro95]

안녕하세요? 제 블로그 시스템은 markdown 파일을 파싱해서 React로 화면에 뿌려주는데, 마크다운 파싱할 때 자동으로 백틱 3개를 이용한 소스코드는 prism.js 패키지를 이용해서 CSS가 적용됩니다. React Markdown Parsing하는 대부분의 패키지는 자동으로 소스코드를 Syntax hightlighter 적용해줍니다.

[Greg-hong]

안녕하세요 글 잘 보고 갑니다. 질문하나만 추가로 드려도 될까요? 보통 리액트쿼리나 Next-auth는 Provider를 사용해야 합니다. 보통 루트레이아웃에 적용해서 넣는데요. 이렇게 되면 use client를 사실상 루트레이아웃에 적용되어 사실상 전역이 다 use client가 되는 문제가 있을것 같은데 보통 이런 문제는 어떻게 해결하시나요?

[cpro95]

안녕하세요 next auth를 서버사이드에서 이용하는 방법은 getServerSession 함수를 이용해 세션 정보를 가져오면 됩니다.

import { getServerSession } from "next-auth/next" import { authOptions } from "pages/api/auth/[...nextauth]"

export default async function Page() { const session = await getServerSession(authOptions) return

{JSON.stringify(session, null, 2)}

}

[cpro95]

이 블로그에도 next auth 강좌가 있습니다 참고 바랍니다 읽어주셔서 감사합니다

https://mycodings.fly.dev/blog/2023-05-31-nextjs-nextauth-tutorial-1-setup