6주차 미션: React-Blog 📄

서론

안녕하세요 🙌🏻 15기 프론트 파트장 김주현입니다.

이번주에는 새 프로젝트인 블로그 만들기를 진행합니다. 이번 과제에서는 Next.js를 사용해 보며 SSR을 이해하고, 각 팀별로 미리 호흡을 맞춰 보는 좋은 기회가 될 것 같습니다.

미션

미션 목표

• Next.js 사용법을 공부해 봅니다.
• 성능 최적화를 위한 방법을 적용해 봅니다.
• Git을 이용한 협업 방식에 익숙해집니다.

기한

• 2022년 5월 20일 금요일 (기한 엄수!)

필수 요건

• 기본적인 CRUD를 구현합니다.
• 메인 페이지, 포스트 상세 페이지, 에디터 페이지로 구성합니다.
• 메인 페이지에서는 각 포스트들의 제목과 작성 날짜를 리스트 형태로 보여줍니다.
• 포스트 상세 페이지에서는 제목, 작성일, 본문의 내용을 표시합니다.
• 포스트를 수정할 때에는 기존에 작성된 내용을 에디터 페이지로 불러옵니다.
• 포스트 삭제 기능을 구현합니다.
• 성능 최적화를 위한 방법을 적용해 봅니다.

선택 사항

• 웹 폰트를 사용합니다.
• 카테고리 기능을 구현합니다.
• 그 외에 자유롭게 기능을 추가해 주세요!

Key Question

• Next.js를 사용하는 이유
• SEO란?
• 성능 최적화를 위해 사용한 방법
• 전반적인 협업 과정

링크 및 참고자료

• Next.js Docs
• React 개발이 이렇게 쉬웠나? (Feat. Next.js)
• useCallback과 React.Memo를 이용한 렌더링 최적화
• 성능 최적화
• Git 협업 가이드