사소하지만 자주 실수 하게 되는 것.
컴포넌트 설계를 할 때 처음엔 업데이트 되는 컴포넌트를 최소화 하기 위해서 가장 상위 Board 컴포넌트를 건들지 않고 싶었고, Card 단에서 업데이트가 이루어지게 만들기 위해서 getData(), getCard() 를 나누어 작업했었다.
하지만 .. 트렐로 특성상 Card 끼리 데이터가 이동해야하고 이동한 데이터는 새로 업데이트 되야하는데 .. 위에 저런식으로 작업을 하게 되면 한쪽만 업데이트가 되든가 둘다 업데이트가 되지 않는 상황이 연출된다 ..
이렇게 가장 상위에서 데이터를 뿌려주어야만 하위 컴포넌트들이 업데이트 되게 되고 내가 원하는 방향으로 정리가 된다.
사실 Redux를 사용하거나 Mobx 를 사용하면 전역 스테이트를 업데이트 해주면 되는 문제라서 여러번 컴포넌트에 Props 를 내려주지 않아도 된다.
TypeScript를 사용하면서 기초부터 천천히 대입해보자는 취지였는데 이건 기초부터 헷갈려하고 있으니 ..
느낀점.
역시 항상 느끼는거지만 기초가 가장 중요하다.
