https://github.com/chanmin-kim/react-firebase-linkedin
최종코드는 여기서 확인할 수 있다.
백엔드를 따로 구성하지 않고, firebase로 백엔드를 구성한 뒤, 프론트엔드는 React오 링크드인 클론앱을 만들어 보았다.
React를 사용하면서 느낀 것은, 단순히 UI적인 측면에서의 가독성을 넘어, 백엔드(Firebase)에서 보내준 정보를 state에 담아서 얼마나 잘 뿌려주는가가 중요하다는 것을 알 수 있었다.
이 때 백엔드에서 전달받은 데이터를 일정기간 담아두는 것이 필요하고, 또 이 데이터를 다른 컴포넌트에서도 사용할 수 있어야 하는데 이를 위한 data layer로서 redux를 사용하였다.
한편으론, 이 redux라는 것이 생각보다 많이 불편해서 graphql을 공부해볼 생각이다.
'Projects > React + Firebase 링크드인 클론' 카테고리의 다른 글
#9. 작성한 모든 컴포넌트를 합쳐주기 | App.js (0) | 2021.05.31 |
---|---|
#8. 위젯 부분 구현 | Widgets.js (0) | 2021.05.31 |
#7. 저장한 글들을 피드에 띄워주기 | Post.js (0) | 2021.05.31 |
#6. 피드와 포스트 입력창 구현 | Feeds, InputOption (0) | 2021.05.31 |
#5. 메인화면 및 사이드바 구현 | Sidebar.js (0) | 2021.05.31 |