[정원식] Sprint 10

[wonsik3686]

요구사항

상품 등록 페이지

• 상품 등록 페이지 주소는 “/addboard” 입니다.
• 게시판 이미지는 최대 한개 업로드가 가능합니다.
• 각 input의 placeholder 값을 정확히 입력해주세요.
• 이미지를 제외하고 input 에 모든 값을 입력하면 ‘등록' 버튼이 활성화 됩니다.
• 회원가입, 로그인 api를 사용하여 받은accessToken을 사용하여 게시물 등록을 합니다.
• ‘등록’ 버튼을 누르면 게시물 상세 페이지로 이동합니다.

상품 상세 페이지

• 상품 상세 페이지 주소는 “/board/{id}” 입니다.
• 댓글 input 값을 입력하면 ‘등록' 버튼이 활성화 됩니다.
• 활성화된 ‘등록' 버튼을 누르면 댓글이 등록됩니다

멘토에게

• 미완성 부분은 다음 제출까지 완성하도록 하겠습니다.
• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

[arthurkimdev]

import type { GetServerSidePropsContext } from 'next';

...


export async function getServerSideProps(context: GetServerSidePropsContext) {

이렇게 타입을 지정해줄 수 있어요~

[arthurkimdev]

규칙은 아니지만, 일반적으로 getServerSideProps 함수가 아래에 배치되고, BoardDetailPage 컴포넌트가 상위에 존재하도록 코드를 작성합니다. 아래처럼요!

type BoardDetailPageProps = {
  initArticle: ArticleDetailResponse;
};

const BoardDetailPage = ({ initArticle }: BoardDetailPageProps) => {
  return (
    <>
      <BasicLayout>
        <ArticleSection article={initArticle} />
        <ArticleCommentForm articleId={initArticle.id} />
      </BasicLayout>
    </>
  );
};


export const getServerSideProps: GetServerSideProps = async (context) => {

...

[arthurkimdev]

리뷰 반영 굳! 👍

[arthurkimdev]

머지 먼지 진행하고, 리뷰는 이어서 진행하도록 하겠습니다!