React-nodebird (4) 더미데이터의 소중함

장택진·2022년 9월 7일
1

React-nodebird

목록 보기
5/15

더미데이터의 중요성


프론트엔드 개발자는 백엔드 쪽과 연동하여 데이터를 주고 받기 전에는 데이터를 완전히 저장하는 것에는 한계가 있다.

하지만 브라우저가 종료되기 전에는 localStorage, store 등을 이용해 데이터를 저장할 수 있는데,

결국에는 후에 백엔드에 데이터를 보내고 받아오는 일을 해야 하기 때문에, 형식을 미리 백엔드와 의사소통을 통해 알 수 있고, 백엔드가 완성되기 전에는 더미데이터를 이용해서 데이터를 저장하고 사용할 수 있다.

이번에는 다른 기능, component들도 추가하고, 더미데이터 형식도 바꿔서 내가 넣은 값이 더미데이터에 실제로 들어가도록 변경했다.

유저가 로그인을 하면 LOG_IN_REQUEST 액션이 실행되고
state의 user안에 내가 입력한 데이터를 가진 더미데이터가 들어간다.
이 dummyUser는 initialState안의 user에 들어갈 데이터이다.

현재는 이 더미데이터의 데이터가 고정적으로 들어가고 이 구성을 바탕으로 개발을 진행한다.

백엔드와 연동하지 않은 지금 프론트엔드의 입장에선 미리 데이터의 구성도를 확실하게 잡아놓고 개발을 시작하는게 중요하다
만약 isLoggedIn 이 usLogin으로 바뀌었다면 isLoggedIn이 들어간 모든 컴포넌트를 수정해야 하는 상황이 올 수도 있다. 물론 첫 회의와 구성이 달라질 순 있지만 어느정도 틀이라도 잡아놓는게 정신건강에 좋을 것 같다.

profile
필요한 것은 노력과 선택과 치킨

0개의 댓글