kasumil의 코딩 공작소

import NewsList from "@/components/news-list";async function NewsPage() { const response = await fetch("http://localhost:8080/news"); if (!response.ok) { throw new Error("Failed to fetch news"); } const news = await response.json(); return ( News Page ; );}export default NewsPage;  이렇게 되는 이유는 Next.js에서 node 기능을 지원한다.추가로 캐싱도 지원하는데 그냥 넘기고, 원래는 에러나 로딩중에 대한 상태 처리도 적용해야하나더미..

"use client";import NewsList from "@/components/news-list";import { useEffect, useState } from "react";function NewsPage() { const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(); const [news, setNews] = useState(); useEffect(() => { async function fetchNews() { const response = await fetch("http://localhost:8080/news"); if (!response.ok) { ..