아티클 상세 페이지에서 본문에 해당하는 내용을 서버로부터 가져옵니다.

[hhhminme]

📌 이슈 링크

• close 🌟 FEATURE: [3 Week] 아티클 상세 페이지를 개발합니다.  #85

📖 작업 배경

• 아티클 상세 페이지 작업 중 상단 글 배너, 본문, 하단 프로필에 해당하는 내용을 서버로 부터 가져옵니다.

🛠️ 구현 내용

• 아티클 상세페이지를 다이나믹 라우트로 분리하여 article의 slug를 path로 받아옵니다.
• 코멘트 작업은 한번 끊고 다음 Pr에서 가져가도록 하겠습니다.
• 로그인 작업을 아직 진행하지 않아 글 편집, 삭제 등의 버튼은 주석으로 처리하였습니다. 로그인 로직 처리 후 차후 개발해두겠습니다.

💡 참고사항

🖼️ 스크린샷

[hhhminme]

개발 예정인 컴포넌트입니다. 차후 내용은 서버로 부터 가져와 채울 예정입니다.

[hhhminme]

DB로부터 바로 가져오는지 \n과 같은 내용이 많았습니다. 개행을 하고 싶은건지 잘 모르겠어서 일단 지워줍니다.

[limgyumin]

Suggested change

	export default async function ArticlePage(): Promise<JSX.Element> {
	const headersList = headers();
	const activePath = headersList.get("x-invoke-path");
	const slug = activePath?.split("/")[2];
	if (!slug) {
	throw new Error("ERROR : article path is not found");
	}
	type Params = {
	slug: string;
	}
	type ArticlePageProps = {
	params: Params;
	}
	export default async function ArticlePage({ params: { slug } }: ArticlePageProps): Promise<JSX.Element> {

페이지 컴포넌트는 props를 통해 params에 접근할 수 있습니다!

[hhhminme]

감사합니다 이건 몰랐네요 덕분에 간결하게 작성할 수 있었어요

[hhhminme]

feat : header 에서 가져오는 params 를 page props 에서 가져올 수 있도록 수정합니다.