실제 프로젝트 개발 흐름 파악하기

지금까지 배운 여러 지식들을 활용하여, 실제 프로젝트를 만들 때 흐름을 한번 파악해봅시다. 이번 튜토리얼에서는 간단한 블로그 (https://reacters.vlpt.us/) 를 만들게 되며, 프로젝트 개발 과정에서 사용되는 API 들은 따로 직접 개발 할 필요 없이 이미 만들어진 API 를 사용합니다.

이 프로젝트에서 사용되는 API 들의 상세 내용은 https://documenter.getpostman.com/view/723994/S17nTW14 에서 확인 할 수 있습니다.

만들 페이지 알아보기

우리가 만들 페이지들을 하나 하나 알아봅시다.

포스트 리스팅 페이지

회원가입 / 로그인 페이지

글쓰기 페이지

글쓰기 페이지에서는 Quill 라이브러리를 사용합니다.

포스트 페이지

사용 할 주요 라이브러리

  • react-router
  • redux
  • immer
  • redux-thunk
  • node-sass
  • quill

소스코드

https://github.com/vlpt-playground/reacters-step-by-step

에 가시면

각 섹션별로 코드가 있으니 개발중에 막히는게 있으면 참고하세요.

results matching ""

    No results matching ""