항해99 TIL [9/23]

짧지만 길었던 추석연휴가 드디어 끝나고, 드디어 나는 내가 선택한 주특기인 React의 기본 과정을 수강하게 되었다. 앞으로 나는 1주간 기본 과정을 수강하며 React 기본과제를 개인적으로 수행해내야 한다. 쉽지만은 않겠지만, 그래도 또다시 시작되는 도전을 위해 더욱 힘내야겠다.

React 기본 과제: "나만의 사전 만들기"

▶ 학습 과제를 끝내고 나면 할 수 있는 것.

• 라우팅의 활용.
• 리덕스의 활용.
• 단어 목록을 파이어스토어에 저장하고 가져오기.

Requirement: 과제요구사항

• 1) 나만의 사전 완성, 2) 파이어베이스 or S3로 배포 두 가지를 모두 완수해야 함.

  게시글 목록 페이지

  • 게시글 목록을 화면에 그리기 (각각 뷰는 카드 뷰로 만들기)
  • 게시글 내의 예시는 파란 글씨로 보여주기
  • 게시글 목록을 리덕스에서 관리하기
  • 게시글 목록을 파이어스토어에서 가져오기

  게시글 작성 페이지

  • 게시글 작성에 필요한 input 3개를 ref로 관리하기
  • 작성한 게시글을 리덕스 내 게시글 목록에 추가하기
  • 게시글 목록을 파이어스토어에 저장하기

  추가로 해보면 좋을 기능(필수❌ )

  • 무한 스크롤 붙이기
  • 게시글 수정해보기

References: 과제에 참고할 가이드

와이어프레임

추가하기 페이지 와이어프레임

Warning : 꼭 지켜야 할 것과 하지 않아도 되는 것!

• 꼭 지킬 것(Do's)
  • 과제 요구 사항은 모두 지킬 것. 특정 기능을 임의로 배제하면 안 됨!
• 하지 않아도 될 것(Don'ts)
  • 과제 추가 기획 때문에 고민하지 말 것. 위에 작성된 과제 요구 사항만 지키면 됨! → 좋은 예 (⭕): "아하, 결국 리액트로 나만의 사전을 만들고 배포하면 되는거구나!" → 나쁜 예 (❌): "다른 기능 페이지가 더 있어야 하지 않을까?"