getUser 에 갑자기 serverComponent가 추가된 이... - 인프런

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

9.1 Share 페이지 만들기

getUser 에 갑자기 serverComponent가 추가된 이유?

해결된 질문

작성

수정됨

9-1강의 수업노트 봤는데요,

코드에서 getUser 함수는 2군데서 사용되는데, 항상 인자가 serverComponent가 true로 전달되더라구요. 그러면 getUser를 사용할 때 인자를 넘기지 않고, getUser 함수는 아래와 같이 코드를 만들어도 되는 건가요?

export const getUser = async () => { const supabase = await createServerSideClient(true); const user = await supabase.auth.getUser(); return user?.data?.user; };

react 클론코딩 next.js supabase

답변 2

도도(코딩루팡)

지식공유자

사용처가 분명한 함수라면 가능합니다.! 개인적으로는 서버액션은 serverComponent 및 클라이언트 컴포넌트 2곳에 모두 사용가능하도록 만드는게 좋아서 이에 대한 분기 처리 인자를 남겨두었죠.

엄밀히 말하면

SSR 과정에서 해당 함수 호출은 일반 함수 호출 입니다. -> 쿠키 조작 불가능.
CSR 과정에서 해당 함수 호출은 서버액션 호출 입니다. -> 쿠키 조작 가능.

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 웰시코기님.

강의에서 getUser 함수에 갑자기 serverComponent라는 변수가 추가되어 혼란스러우신 것 같습니다. 해당 변수는 서버와 클라이언트의 동작 방식 차이를 처리하기 위해 사용됩니다. serverComponent 변수를 통해 서버 사이드 렌더링(SSR) 환경과 클라이언트 환경을 구분하여, 요청이 어떤 컨텍스트에서 이루어졌는지를 식별할 수 있습니다.

서버에서의 동작: 서버 액션은 서버 사이드에서 직접 호출되며, 이 경우에는 쿠키 조작이 제한됩니다. 따라서 serverComponent가 추가되어 환경에 따라 다르게 처리합니다.
클라이언트에서의 동작: 반면, 클라이언트와의 상호작용에서는 추가적인 쿠키 조작이 가능합니다.

자세한 질문에 대한 답을 찾으시려면 다음 링크를 참고해 보세요. 이 페이지에서는 서버 액션과 serverComponent 사용에 대한 배경과 이유를 설명하는 답변을 포함하고 있습니다.

또 다른 유사한 질문과 답변을 보고 싶으시면 여기를 참고하실 수 있습니다. 이 페이지 또한 관련된 내용에 대한 상세한 설명을 제공합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

getUser 에 갑자기 serverComponent가 추가된 이유?