joamashi

✨ 통합 샘플 시나리오목표:서버: 글 목록 1페이지를 가져와 화면에 렌더링클라이언트: "좋아요(❤️)" 클릭 + "더 보기"로 다음 글 불러오기전체 구조Page.jsx (서버 컴포넌트)PostItem.jsx (클라이언트 컴포넌트)LoadMoreButton.jsx (클라이언트 컴포넌트)📄 Page.jsx (서버 + 클라이언트 통합)// Page.jsx// 서버: 초기 글 목록을 서버에서 가져옴 + 클라이언트 컴포넌트로 상태 관리 위임import PostBoard from "./PostBoard";import { fetchPosts } from "@/lib/api";export default async function Page() { const posts = await fetchPosts({ page: ..

1. 서버: 데이터 가져오기 + 클라이언트: 사용자 인터랙션// 서버 컴포넌트 (PostList.jsx)// DB 또는 API에서 글 목록을 가져오는 서버 컴포넌트import { fetchPosts } from "@/lib/api";import PostItem from "./PostItem";export default async function PostList() { const posts = await fetchPosts(); // 서버에서 글 목록을 받아옴 return ( {posts.map(post => ( ))} );}// 클라이언트 컴포넌트 (PostItem.jsx)// 글 하나를 표시하고 좋아요(❤️) 토글 기능을 제공하는 클라이언트 컴포넌트'..