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

Question

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; };

도도(코딩루팡) · Answer

사용처가 분명한 함수라면 가능합니다.! 개인적으로는 서버액션은 serverComponent 및 클라이언트 컴포넌트 2곳에 모두 사용가능하도록 만드는게 좋아서 이에 대한 분기 처리 인자를 남겨두었죠. 엄밀히 말하면 SSR 과정에서 해당 함수 호출은 일반 함수 호출 입니다. -> 쿠키 조작 불가능. CSR 과정에서 해당 함수 호출은 서버액션 호출 입니다. -> 쿠키 조작 가능.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. 웰시코기님. 강의에서 getUser 함수에 갑자기 serverComponent 라는 변수가 추가되어 혼란스러우신 것 같습니다. 해당 변수는 서버와 클라이언트의 동작 방식 차이를 처리하기 위해 사용됩니다. serverComponent 변수를 통해 서버 사이드 렌더링(SSR) 환경과 클라이언트 환경을 구분하여, 요청이 어떤 컨텍스트에서 이루어졌는지를 식별할 수 있습니다. 서버에서의 동작 : 서버 액션은 서버 사이드에서 직접 호출되며, 이 경우에는 쿠키 조작이 제한됩니다. 따라서 serverComponent 가 추가되어 환경에 따라 다르게 처리합니다. 클라이언트에서의 동작 : 반면, 클라이언트와의 상호작용에서는 추가적인 쿠키 조작이 가능합니다. 자세한 질문에 대한 답을 찾으시려면 다음 링크 를 참고해 보세요. 이 페이지에서는 서버 액션과 serverComponent 사용에 대한 배경과 이유를 설명하는 답변을 포함하고 있습니다. 또 다른 유사한 질문과 답변을 보고 싶으시면 여기 를 참고하실 수 있습니다. 이 페이지 또한 관련된 내용에 대한 상세한 설명을 제공합니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.