🏠 챌린지 내용

주제

Next.js로 추억의 싸이월드 구현하기

세부 미션

싸이월드 페이지를 클론 코딩, 가이드라인은 참가자들에게 별도로 제공 (Figma Link)

완성본

상세 일정

10월 17일(월) ~ 11월 4일(목) 최종 결과물 제출 : 11월 3일 (목) 자정까지

가**이드라인**

  1. 디자인은 피그마와 최대한 동일하게 진행
  2. 배경이미지는 레이아웃 컴포넌트를 이용해 재사용성을 높이기
  3. 다이어리 파트에서 사용하실 API 이름은 다음과 같다.
    1. C : createBoard
    2. R : fetchBoard(게시글 하나) / fetchBoards(리스트)
    3. U : updateBoard
    4. D : deleteBoard
  4. 다이어리 파트에서 게시글 하나를 클릭했을 시 다이나믹 라우팅을 이용하여 해당 게시글 상세페이지로 이동
  5. 게임 파트에서는 state를 적절히 활용해 끝말잇기 게임을 구현

** Next.js Framework를 사용, TypeScript 사용, 백엔드 통신은 GraphQL 을 사용 (도메인으로 접속하여 바로 데이터 통신이 가능한 백엔드 API 링크는 참여자들에게 별도로 제공하므로 실제 백엔드 개발은 생략)

평가 방식

싸이월드 클론 평가 방식.png

정리