Udacity Nano Degree Class [React 두번째 프로젝트 후기]

in #kr-dev3 years ago


Peace to Developers


두번째 프로젝트는 스팀잇과 비슷한 게시판(?)을 만드는 것입니다.
백엔드 쪽은 미리 제공이 되고, 프런트 엔드를 만드는 과제입니다.

스팀잇도 리액트를 사용합니다.

요구사항

  • Redux 를 이용한 single page app
  • 아래 4개의 뷰를 작성한다.
  1. 기본뷰(Root)
    카테고리를 모두 나열하고 카테고리 뷰로 링크가 있어야 한다.
    모든 포스트를 리스트업 하고 vote score 에 따라 정렬해서 보여준다.
    정렬은 vote score 와 시간 순으로 보여질 수 있다.
    새로운 포스트를 작성할 링크를 제공한다.

  2. 카테고리 뷰
    기본뷰와 같으나, 해당 카테고리로 필터링 된 포스트 리스트

  3. 포스트 상세 뷰
    포스트의 상세 내용을 보여주어야 한다.
    포스트에 달린 댓글을 vote score 에 따라 보여준다.
    댓글을 보여줄때 정렬은 vote score 와 시간 순으로 보여질 수 있다.
    수정/삭제
    새로운 댓글 작성
    댓글 수정/삭제

  4. 포스트 작성/수정 뷰
    제목, 내용, 카테고리, 저자를 작성/수정한다.

제 경우에는 무척 어려운 프로젝트였습니다.
하지만 이 프로젝트로 react, redux 를 어느정도 이해하게 되어 다행입니다.

  • 컴포넌트 라이프사이클에서 state, props 설정이 좀 어렵습니다.
  • 더군다나 서버로부터 가져온 데이터는 async 로 설정되므로
    컴포넌트가 만들어졌을 때 설정되지 않을 수 있습니다.
  • 데이터를 접근할 때 Redux 를 쓰는 것이 맞는 건지,
    props 를 넘기는 것이 맞는 건지 아직 확신이 안섭니다.
  • actions, reduce 는 편리한 것 같습니다.

React 는 기존의 javascript 라이브러리와 같이 쓸 수도 있지만,
기존의 라이브러리를 react 화 시키는 작업이 많이 진행되고 있습니다.
저는 이 과제에서 react-bootstrap 을 사용했습니다.

몇번이나 이걸 계속 해야 하나 하는 생각이 들었지만,
끝까지 하고 나니.....
그래도 여전히 해야 하나 말아야 하는 생각이 듭니다.

프로그래밍 중에서 UI 는 정말 하고 싶지 않았는데,
안드로이드를 하면서 UI 를 처음 시작했고,
리액트를 하면서 또 UI 를 하게 되는군요...

Sort:  

Cheer Up!

  • from Clean STEEM activity supporter

Steemit Bank invested in your post.

Follow Steemit Bank

Support the project by upvoted the this comment.

고생 많으십니다ㅎ