Front-End/NextJS

React에서 구현하기 어려웠던 부분을 NextJS에서 간단하게 처리가 가능하다. 각 병렬처리할 컴포넌트를 만들어 준다. import { API_URL } from "../app/(Home)/page";async function getMovies(id: string) { await new Promise((resolve) => setTimeout(resolve, 2000)); return fetch(`${API_URL}/${id}`).then((response) => response.json());}export default async function MovieInfo({ id }: { id: string }) { const movies = await getMovies(id); return {JSO..

1. 폴더 만들기mkdir  2. 폴더 들어가기cd  3. 해당폴더 Visual Studio Code에서 열기code . visual studio code 창 열리면 해당 terminal에서npm init -y 4. Package.json 변경 5. Next, React, React-Dom 최신 버전 설치npm install react@latest next@latest react-dom@latest NextJS는 프레임 워크라 명명 규칙을 잘 따라야 한다. APP 폴더안에 Page가 있어야 그것을 찾아서 렌더링을 해준다. page는 page.tsx or page.jsx로 만들어 주면 초기 세팅은 끝이다. 6. page 작성export default function Home() { return Home;..