[React & Node.js] Component Life Cycle, API Loading

0. Life Cycle

1) constructor()

 

2) componentWillMount()

 

3) render()

 

4) componentDidMount()

 

• 컴포넌트가 생성될 때 위와 같은 순서로 진행된다.

---

1. API Loading

• Material UI의 Progress 를 이용해보겠다.
• 그 중 Circular Determinate를 이용할 것이다.

• 데이터를 불러오는 동안 지연이 일어난다면 progress 모양이 다음과 같이 나올 것이다.