데이터 기반으로 컴포넌트 구현하기

[aajy]

TODO::

• 화면을 보면서 데이터를 이렇게 처리 해야겠다 보단, 데이터를 먼저 생각한다. 데이터의 흐름을 먼저 구상하고 그에 기반한 UI를 구현한다.
• 컴포넌트 네이밍을 고민한다. 재사용이 된다면 범용적인 이름으로, 특정 역할을 한다면 역할을 바로 유추할 수 있는 이름으로 지정한다.
• 컴포넌트 props로 전달 하는 데이터는 어떻게 구성해야할지 고민한다.
• 느슨한 결합. 즉 유지보수와 재사용성이 높은 컴포넌트로 구현한다.