스크린샷 2023-11-07 오후 9.32.14.png

1. Component

: react element를 찍어낼수있는 틀

2. Props

: property(속성)들

즉, 컴포넌트에 전달할 다양한 정보를 담고 있는 자바스크립트 객체

Props의 특징

2-1. read-only

: 값을 변경할 수 없다

모든 리액트 컴포넌트는 Props를 직접 바꿀수 없고,

같은 Props에 대해서는 항상 같은 결과를 보여줄 것!

<aside> 💡 javascript 함수의 특징 “Pure”

: 입력값(input)을 변경하지 않으며, 같은 입력값에 대해서는 항상 같은 출력값(output)을 리턴

</aside>

function sum (a,b) {
	return a + b;
}

반대로

"impure" : 입력값을 변경함

function withdraw(account, amount) {
	reutrn account.total -= amount;
}