Facts
신규 송금 flow 디자인 문서 보고 프론트엔드 설계 진행
화면 flow 까지 디자인 쪽에서 나온 상황이라서 각 화면당 data 를 redux 로 어떻게 관리할 건지를 구상함
data flow 를 구상하기에 앞서 기존에는 어떻게 되어있는지 확인함
아주 개판이어서 code 보는데 오래걸리고, 예측도 안됨
Finding
legacy code 를 보면 볼 수록 react component 에서 데이터 관리하는 책임이 클 수록 생명주기 메서드에서 이것저것 많이 할 수록, 전체 app 의 예측가능성이 떨어진다.
결국 상태를 기준으로 만들게 되면 처음에는 편하지만 나중에는 만든 사람도 앱이 어떻게 동작할지 예측 불가능 하게 된다.
test code 안넣고 code 쓰고 브라우저에서 눈으로 확인하는 식으로 개발을 하니
code 만 봐서는 동작을 예측할 수 없는 code 가 나온 것 같다.
Feelings
프론트엔드 개발은 디자인만 신경쓸게 아니라 결국 내부 데이터를 어떻게 관리할 건지에 대해서도 생각을 해야 하기 때문에 디자인 팀에서 넘어온 그대로 생각하는게 아니라 언제 api 를 call 하고 데이터를 어떻게 관리할 건지에 대해서 back end 와도 소통을 해줘야 한다.
web-developer