728x90
Mount (마운트)
Mount는 컴포넌트가 "처음" 화면에 나타나는 순간을 말해.
마치 레고 블록을 처음 조립해서 방에 놓는 것처럼, 컴포넌트가 처음으로 화면에 나타나는 거야.
예를 들어, 너가 그림을 그리고 그 그림을 벽에 처음 붙이는 순간이 바로 컴포넌트의 "마운트"야.
이때, 컴포넌트는 필요한 준비 작업을 할 수 있어.
마치 그림을 벽에 걸기 전에 액자에 넣는 것처럼 말이야.
Update (업데이트)
Update는 이미 화면에 나타나 있는 컴포넌트가 다시 그려지는 순간을 말해.
마치 레고 블록으로 만든 건물에 새로운 블록을 추가하거나, 기존 블록을 바꾸는 것처럼.
예를 들어, 벽에 걸어둔 그림을 다시 꺼내서 색칠을 더하거나,
그림을 수정하는 순간이 "업데이트"야.
컴포넌트는 필요할 때마다 업데이트가 일어나서 최신 상태를 보여줄 수 있어.
비유를 통해 쉽게 이해하기>>
Mount (마운트): 네가 새로 그린 그림을 벽에 처음으로 붙이는 거야.
Update (업데이트): 벽에 붙여둔 그림을 다시 꺼내서 색을 더하거나, 그림을 수정하는 거야.
이렇게 컴포넌트는 처음 화면에 나타날 때 (마운트)와,
이미 화면에 있는 상태에서 다시 그려질 때 (업데이트)로 나뉘어 동작한단다.
728x90
'> 메모 > React' 카테고리의 다른 글
[리액트] 외부 페이지 데이터바인딩 / URL 파라미터 문법 / useParams() (0) | 2024.05.27 |
---|---|
[리액트] 외부 파일 컴포넌트 넣기 / useNavigate() / nested routes / Outlet (0) | 2024.05.26 |
[리액트] - 라우터 설치와 사용 (0) | 2024.05.19 |
[리액트] - 데이터 바인딩 / 컴포넌트화 / props 활용 / map() 활용 (1) | 2024.05.19 |
[리액트] 암기할 것 = state / props / 컴포넌트 / UI (0) | 2024.05.15 |