Next.js14 정리(1) 이어서…Parallel Requestsimport { Link } from "next/link";export const metadata = { title: "Home",};export const API_URL = "https://.../movies";async function getMovies() { const response = await fetch(API_URL); const json = await response.json(); return json;}export default async function HomePage() { const movies = await getMovies(); return ( {movies.map((movie) => (..

Next.js가 14 버전으로 업그레이드되면서 공부 겸 정리해 보았다. Next.js 최소만 설치할 경우1. npm init -y2. JSON script license -> MIT 로 변경3. npm install react@latest next@latest react-dom@latest4. app 폴더에 page.tsx or page.jsx 만들고5. npm run dev 실행 app 폴더⭐app 폴더 안에 page.jsx 또는 page.tsx 파일이 필수로 있어야 한다.next.js는 실행할 때 app폴더 안의 page라는 파일을 찾는다.npm run dev 실행 시 layout 파일이 없으면 layout.jsx 자동으로 만든다.기존 12,13 버전의 page폴더처럼 app 폴더 안 폴더를 만들고 ..