제출 URL : https://carrot-challange-4nnojbx8l-dys-projects-6e08e76b.vercel.app/

깃 주소: https://github.com/handy-o/next-begin/tree/submit_challenge

<이슈>

• 깃 default branch 변경하기
• 깃 특정 브랜치 풀 받기 git pull origin
• Next15에서 params는 Promise로 감싸기
  • https://stackoverflow.com/questions/79113322/nextjs-react-type-does-not-satisfy-constraint

import { Suspense } from "react";
import { numToBillion } from "../../../utils/numToBillion";
import styles from "../../../styles/person_detail.module.css";
import { getDetail } from "../../../utils/getDetailApi";

// fetch data
interface IParams {
    params : Promise<{id: string}>
}

// dynamic metadata
export async function generateMetadata({params}: { params: Promise<{ id: string }> }) {
    const resolvedParams = await params;
    const gotDetail = await getDetail(resolvedParams.id)
    return {
        title: gotDetail.id + ' | Billions',
    }
}

// cont
export default async function BillionDetail({params} : IParams) {
    const resolvedParams = await params; 
    const gotDetail = await getDetail(resolvedParams.id);

    return (
        <div className={styles.person_detail}>
            <Suspense fallback={<h4>Loading detail..</h4>}>
                <img src={gotDetail.squareImage} alt={gotDetail.name}  />
                <h3> {gotDetail.name} </h3>
                <ul>
                    <li>Networth: {numToBillion(gotDetail.netWorth)} Billion </li>
                    <li>Country: {gotDetail.country}</li>
                    <li>Industry: {gotDetail.industries[0]} </li>
                </ul>

                <p>
                    {gotDetail.bio.map( (item, idx) => { 
                        return ( 
                            <span key={idx}>{item}</span>
                        )
                    })}
                </p>
            </Suspense>
        </div>
    )
}

깃 특정 브랜치 받아오기

1. 원격 저장소에서 브랜치 목록 확인

먼저, 원격 저장소에 어떤 브랜치들이 있는지 확인합니다:

git fetch
git branch -r

출력 예시:

origin/main
origin/feature-branch
origin/develop