๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ป Deep Wide Programming/React

[์ƒํ™œ์ฝ”๋”ฉ ๋ฆฌ์•กํŠธ] 14. ๋ณ„๋„์˜ ํŒŒ์ผ๋กœ ์ปดํฌ๋„ŒํŠธ ์ •๋ฆฌ, 15. state

728x90
๋ฐ˜์‘ํ˜•

 

 

 

1. props : ์‚ฌ์šฉ์ž๊ฐ€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ค‘์š”ํ•œ ๊ฒƒ์ด๊ณ , 

2. state๋Š” ๊ทธ props ๊ฐ’์— ๋”ฐ๋ผ ๋‚ด๋ถ€์—์„œ ๊ตฌํ˜„์— ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋“ค์ด๋‹ค. 

: ์ข€๋” ๋‹ค์–‘ํ•œ ์ผ์„ ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ state์˜ ๊ฐœ๋…! props๋ฅผ ๋” ์ž˜ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋  ๊ฒƒ.

 

์œ„์˜ ์ฝ”๋“œ ์•ˆ์— 

์ปดํฌ๋„ŒํŠธ ์š”์†Œ๋“ค title, sub ๊ฐ’๋“ค์„ ์ €๋ ‡๊ฒŒ ์ ์–ด์ฃผ๋Š”๊ฒŒ ์ง€์ €๋ถ„ํ•ด์„œ ์œ„๋กœ ์ ํ•˜๊ณ  ๋”ฐ๋กœ ๋นผ์ฃผ๋ ค๊ณ  ํ•œ๋‹ค. ๊ทธ๋•Œ ํ•„์š”ํ•œ ๊ฒƒ์ด ๋ฐ”๋กœ ํ•˜๋‹จ์˜

 

constructor(props){

super(props);

  here it goes

}

 

์ €๊ธฐ ์•ˆ์— ํ•„์š”ํ•œ ์ฝ”๋“œ๋ฅผ ๋„ฃ์–ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.

 

์š”๊ธฐ ๋‹ด๊ธด ์ฝ”๋“œ๋“ค์ด ๊ฐ€์žฅ ๋จผ์ € ์‹คํ–‰๋˜๊ฒŒ ๋œ๋‹ค. 

 

ํ•˜๋‹จ์˜ ์ฝ”๋“œ์™€ ๊ฐ™์ด ์ˆ˜์ •!

728x90
๋ฐ˜์‘ํ˜•