CKEditor & stale closure

2์ผ๋™์•ˆ ๋‚˜๋ฅผ ํž˜๋“ค๊ฒŒํ–ˆ๋˜ ์˜ค๋ฅ˜์™€ ๋‚ด๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ทธ ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€์— ๋Œ€ํ•ด ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ ํ•œ๋‹ค. ๋‚˜์˜ ์„ฑ๊ฒฉ์ด ์•ฝ๊ฐ„ ์ดํ•ด์•ˆ๋˜๋Š” ๋ถ€๋ถ„ ์žˆ์œผ๋ฉด ๋ฌด์กฐ๊ฑด ํ•ด๊ฒฐํ•˜๊ณ  ๊ฐ€์•ผํ•˜๋Š”.. ๊ทธ๋Ÿฐ ์„ฑ๊ฒฉ์ด๋‹ค. ์–ด๋–ค ์„ฑ๊ฒฉ์ธ์ง€ ์•„์‹œ๋Š” ๋ถ„๋“ค์€ ์•„์‹ค๊ฑฐ๋‹ค ๐Ÿ˜… ๊ฐœ๋ฐœํ• ๋•Œ๋Š” ์ข‹์€ ์ ..? ์ธ๊ฒƒ ๊ฐ™๋‹ค.. ๐Ÿ˜… ์‹ค

2022๋…„ 3์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

useEffect vs useLayoutEffect

์˜ค๋Š˜์€ useEffect์™€ useLayoutEffect์˜ ์ฐจ์ด์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ผ๋‹จ 2๊ฐ€์ง€ ๊ณผ์ •์— ๋Œ€ํ•ด ์•Œ์•„์•ผํ•ฉ๋‹ˆ๋‹ค. Render: DOM Tree ๋ฅผ ๊ตฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ ์—˜๋ฆฌ๋จผํŠธ์˜ ์Šคํƒ€์ผ ์†์„ฑ์„ ๊ณ„์‚ฐํ•˜๋Š” ๊ณผ์ • Paint: ์‹ค์ œ ์Šคํฌ๋ฆฐ์— Layout์„ ํ‘œ

2022๋…„ 3์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Mac์—์„œ iOS ์‚ฌํŒŒ๋ฆฌ ๋””๋ฒ„๊น…ํ•˜๋Š”๋ฒ•

์›น ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋ฉด ์›น, ๋ชจ๋ฐ”์ผ(์•ˆ๋“œ๋กœ์ด๋“œ,iOS)ํ™˜๊ฒฝ์—์„œ ๋””๋ฒ„๊น…์„ ํ•˜๊ฒŒ๋ฉ๋‹ˆ๋‹ค.Mac์—์„œ iOS ๋””๋ฒ„๊น… ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ž˜ ๋ชฐ๋ผ์„œ ์กฐ๊ธˆ ํ—ค๋งธ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์€ ์‰ฝ๊ฒŒ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก Mac์—์„œ iOS ๋””๋ฒ„๊น…ํ•˜๋Š” ๋ฒ•์„ ๊ณต์œ ํ•˜๊ณ ์žํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ”ฅSimulator๋ฅผ ์ผญ๋‹ˆ๋‹ค.

2021๋…„ 12์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

MPA,SPA,SSR,CSR

Multi-page Application์˜ ์•ฝ์ž๋กœ ๋‘ ๊ฐœ ์ด์ƒ์˜ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์˜๋ฏธSingle-page Application์˜ ์•ฝ์ž๋กœ ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์˜๋ฏธ๋ Œ๋”๋ง(Rendering)๋ฐฉ์‹์ด๋ž€ ๊ฒฐ๊ตญ ํ™”๋ฉด์— ๊ทธ๋ ค์ง€๋Š” ๊ฒƒ์€ HTML์ธ๋ฐ ์ด๊ฒƒ

2021๋…„ 12์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

history push๊ฐ€ ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ

history.push๋กœ ํŽ˜์ด์ง€๋ฅผ ๋„˜๊ธฐ๋Š” ์ž‘์—…์ค‘์ด์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งค๋ฒˆ ์ž˜๋˜๋‹ค๊ฐ€ ๊ฐ€๋” ์–ด๋–ค ๊ฒฝ์šฐ์— history.push๋ฅผ ํ• ๋•Œ ์—๋Ÿฌ๊ฐ€ ์ƒ๊ธฐ๋Š”๊ฒƒ์„ ๋ฐœ๊ฒฌํ–ˆ๋‹ค. ์ผ๋‹จ this.props๋ฅผ ์ฐ์–ด๋ณด์•˜๋‹ค. ์—ฅ?!! history๊ฐ์ฒด๊ฐ€ ์—†๋”๋ผ.. ๋ณดํ†ต App.js ์—์„œ Route๋กœ

2021๋…„ 12์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ปดํฌ๋„ŒํŠธ ๋ฐ˜๋ณต & key

์ด๋ ‡๊ฒŒ key๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์„œ ์•ž์— ์š”์†Œ๊ฐ€ ์ถ”๊ฐ€๊ฐ€ ๋˜๋”๋ผ๋„, 2015,2016ํ‚ค๋ฅผ ๊ฐ€์ง„ ๋ฐ์ดํ„ฐ๋Š” ์ด๋™๋งŒ ํ•˜๋ฉด๋˜๊ณ , 2014ํ‚ค๋ฅผ ๊ฐ€์ง„ ๋ฐ์ดํ„ฐ๋งŒ ์ถ”๊ฐ€๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.key๊ฐ’์€ ๋ฐ์ดํ„ฐ๊ฐ€ ๊ฐ€์ง„ ๊ณ ์œ ๊ฐ’์œผ๋กœ ์„ค์ •ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๊ณ ์œ ํ•œ ๊ฐ’(id)๊ฐ€ ์—†๋‹ค๋ฉด index๋ฅผ ์‚ฌ์šฉํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ปดํฌ

2021๋…„ 12์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋™์ž‘์›๋ฆฌ (์—”์ง„, ๋Ÿฐํƒ€์ž„, ์ด๋ฒคํŠธ ๋ฃจํ”„)

Javascript๋Š”ย ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋กœ ๋™์ž‘ํ•˜๋Š” ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ๋ฉ”์ธ ์Šค๋ ˆ๋“œ, ํ•˜๋‚˜์˜ ์Šค๋ ˆ๋“œ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋Š” ํ•œ๋ฒˆ์— ํ•˜๋‚˜์˜ ์ž‘์—…๋งŒ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๋‹ค๋ฅธ ์ž‘์—…์ด ์ค‘๊ฐ„์— ๋ผ์–ด๋“ค ์ˆ˜๋„ ์—†๊ณ , ๊ธฐ์กด์— ์ˆ˜ํ–‰ํ•˜๋˜ ์ž‘์—…์ด ๋๋‚˜์•ผ๋งŒ ๊ทธ ๋‹ค์Œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Strict Mode

Strict Mode๋Š” ์ฝ”๋“œ์— ๋ฌธ๋ฒ•์„ ๋ณด๋‹ค ์—„๊ฒฉํžˆ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.strict mode๋ฅผ ์ ์šฉํ•˜๋ ค๋ฉด ์ „์—ญ์˜ ์„ ๋‘ ๋˜๋Š” ํ•จ์ˆ˜ ๋ชธ์ฒด์˜ ์„ ๋‘์—ย 'use strict';๋ฅผ ์ถ”๊ฐ€ํ•œ๋‹ค.strict mode ์Šคํฌ๋ฆฝํŠธ์™€ non-strict mode ์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ˜ผ์šฉํ•˜๋Š” ๊ฒƒ์€ ์˜ค๋ฅ˜๋ฅผ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜

ํ™”์‚ดํ‘œ ํ•จ์ˆ˜(Arrow function)๋Š” function ํ‚ค์›Œ๋“œ ๋Œ€์‹  ํ™”์‚ดํ‘œ(=>)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ณด๋‹ค ๊ฐ„๋žตํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•  ์ˆ˜ ์žˆ๋‹ค.function ํ‚ค์›Œ๋“œ๋กœ ์ƒ์„ฑํ•œ ์ผ๋ฐ˜ ํ•จ์ˆ˜์™€ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์˜ ๊ฐ€์žฅ ํฐ ์ฐจ์ด์ ์€ this์ด๋‹ค.์ผ๋ฐ˜ ํ•จ์ˆ˜๋Š” ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ this

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

this์˜ ๋ฐ”์ธ๋”ฉ

๐Ÿ“Œ You don't know JS์™€ https://poiemaweb.com/ ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.this๋ฅผ ์ง€์ •ํ•œ ๊ฐ์ฒด๋กœ ์ง์ ‘ ๋ฐ”์ธ๋”ฉ ํ•˜๋ฏ€๋กœ '๋ช…์‹œ์  ๋ฐ”์ธ๋”ฉ'์ด๋ผ๊ณ  ํ•œ๋‹ค.apply()๋ฉ”์†Œ๋“œ์˜ ๊ฒฝ์šฐ, call()์™€ ๊ธฐ๋Šฅ์€ ๊ฐ™๋‹ค. apply()๋Š” ๋‘๋ฒˆ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

this

this๋Š” '์ž์‹ ์ด ์†ํ•œ ๊ฐ์ฒด ๋˜๋Š” ์ž์‹ ์ด ์ƒ์„ฑํ•  ์ธ์Šคํ„ด์Šค๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ž๊ธฐ ์ฐธ์กฐ ๋ณ€์ˆ˜'์ด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ย thisย keyword๋Š” Java์™€ ๊ฐ™์€ ์ต์ˆ™ํ•œ ์–ธ์–ด์˜ ๊ฐœ๋…๊ณผ ๋‹ฌ๋ผ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ˜ผ๋ž€์„ ์ค€๋‹ค.Java์—์„œ์˜ this๋Š” ์ธ์Šคํ„ด์Šค ์ž์‹ (self)์„ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ฐธ์กฐ๋ณ€์ˆ˜์ด๋‹ค

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํด๋กœ์ €

ํด๋กœ์ €๋Š” ํ•จ์ˆ˜๊ฐ€ ์†ํ•œ ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„๋ฅผ ๊ธฐ์–ตํ•˜์—ฌ ํ•จ์ˆ˜๊ฐ€ ๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„ ๋ฐ–์—์„œ ์‹คํ–‰๋  ๋•Œ์—๋„ ์ด ์Šค์ฝ”ํ”„์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋œปํ•ฉ๋‹ˆ๋‹ค.ํด๋กœ์ €๋Š” ์ž์‹ ์ด ์ƒ์„ฑ๋  ๋•Œ์˜ ํ™˜๊ฒฝ์„ ๊ธฐ์–ตํ•ด์•ผ ํ•˜๋ฏ€๋กœ ๋ฉ”๋ชจ๋ฆฌ ์ฐจ์›์—์„œ ์†ํ•ด๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๊ฐ€ ๋ฌด์—‡์ผ๊นŒ์š”?!

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

var,let,const

ํ•จ์ˆ˜๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”!์ค‘๋ณต ์„ ์–ธ์ด ๊ฐ€๋Šฅํ•ด์š”! ์žฌํ• ๋‹น๋„ ๊ฐ€๋Šฅํ•ด์š”!ํ˜ธ์ด์ŠคํŒ… ๋‹นํ•ด์š”!๋ธ”๋ก๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”!์ค‘๋ณต ์„ ์–ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•ด์š”!, ์žฌํ• ๋‹น์€ ๊ฐ€๋Šฅํ•ด์š”!ํ˜ธ์ด์ŠคํŒ… ๋‹นํ•ด์š”! โ†’ ํ˜ธ์ด์ŠคํŒ…์„ ๋‹นํ•˜์ง€์•Š๋Š”๋‹ค๋Š” ์–˜๊ธฐ๊ฐ€ ์žˆ์ง€๋งŒ ์ž˜๋ชป๋œ ์‚ฌ์‹ค์ด๋‹ค. ์ด๋ฅผ ์ดํ•ดํ•˜๊ธฐ์œ„ํ•ด TDZ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ˜ธ์ด์ŠคํŒ…

๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ์ด ์„ ์–ธ๋œ ์œ„์น˜์—์„œ ์ฝ”๋“œ์˜ ๊ผญ๋Œ€๊ธฐ๋กœ ๋Œ์–ด์˜ฌ๋ ค์ง€๋Š๊ฒƒ์ด ํ˜ธ์ด์ŠคํŒ…์ž…๋‹ˆ๋‹น..!!3\. ํ•จ์ˆ˜๊ฐ€ ๋จผ์ € ๋Œ์–ด์˜ฌ๋ ค์ง€๊ณ  ๊ทธ ๋‹ค์Œ ๋ณ€์ˆ˜๊ฐ€ ๋Œ์–ด์˜ฌ๋ ค์ง‘๋‹ˆ๋‹ค.!

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ•จ์ˆ˜ vs ๋ธ”๋ก ์Šค์ฝ”ํ”„

ํ•จ์ˆ˜ ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ž€ ํ•จ์ˆ˜ ์ฝ”๋“œ ๋ธ”๋ก ๋‚ด์—์„œ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ์ฝ”๋“œ ๋ธ”๋ก ๋‚ด์—์„œ๋งŒ ์œ ํšจํ•˜๊ณ  ํ•จ์ˆ˜ ์™ธ๋ถ€์—์„œ๋Š” ์œ ํšจํ•˜์ง€ ์•Š๋‹ค(์ฐธ์กฐํ•  ์ˆ˜ ์—†๋‹ค)๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.!๋ธ”๋ก ๋ ˆ๋ฒจ ์Šค์ฝ”ํ”„๋ž€ ๋ชจ๋“  ์ฝ”๋“œ ๋ธ”๋ก(ํ•จ์ˆ˜,if๋ฌธ,for๋ฌธ,while๋ฌธ,try/catch๋ฌธ ๋“ฑ)๋‚ด์—์„œ ์„ ์–ธ๋œ ๋ณ€์ˆ˜๋Š” ์ฝ”

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„

๋ ‰์‹œ์ปฌ ์Šค์ฝ”ํ”„๋Š” ๋ ‰์‹ฑํƒ€์ž„์— ์ •์˜๋˜๋Š” ์Šค์ฝ”ํ”„์ž…๋‹ˆ๋‹ค. ๋ ‰์‹ฑ์€ ์ปดํŒŒ์ผ๋Ÿฌ ๊ณผ์ • ์ค‘ ์ฒซ๋ฒˆ์งธ๋กœ, ์†Œ์Šค์ฝ”๋“œ ๋ฌธ์ž์—ด์„ ๋ถ„์„ํ•˜์—ฌ ์ƒํƒœ ์œ ์ง€ ํŒŒ์‹ฑ์˜ ๊ฒฐ๊ณผ๋กœ ์ƒ์„ฑ๋œ ํ† ํฐ์— ์˜๋ฏธ๋ฅผ ๋ถ€์—ฌํ•˜๋Š”๊ฒƒ ์ž…๋‹ˆ๋‹ค.ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ์ฝ”๋“œ๋ฅผ ์งค ๋•Œ ๋ณ€์ˆ˜์™€ ์Šค์ฝ”ํ”„ ๋ธ”๋ก์„ ์–ด๋””์„œ ์ž‘์„ฑํ•˜๋Š”๊ฐ€์— ๊ธฐ์ดˆํ•ด์„œ ๋ ‰์„œ๊ฐ€ ์ฝ”๋“œ๋ฅผ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์Šค์ฝ”ํ”„ / ์Šค์ฝ”ํ”„ ์ฒด์ธ

๐Ÿ“Œ You don't know JS์™€ https://poiemaweb.com/ ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.์Šค์ฝ”ํ”„๋Š” ์ฐธ์กฐ ๋Œ€์ƒ ์‹๋ณ„์ž(identifier, ๋ณ€์ˆ˜, ํ•จ์ˆ˜์˜ ์ด๋ฆ„๊ณผ ๊ฐ™์ด ์–ด๋–ค ๋Œ€์ƒ์„ ๋‹ค๋ฅธ ๋Œ€์ƒ๊ณผ ๊ตฌ๋ถ„ํ•˜์—ฌ ์‹๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ์œ ์ผํ•œ ์ด๋ฆ„)๋ฅผ ์ฐพ์•„๋‚ด๊ธฐ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ฆฌ๋ Œ๋”๋ง ์กฐ๊ฑด

1\. state๊ฐ€ ๋ณ€๊ฒฝ๋  ๋•Œ2\. ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ฆฌ๋ Œ๋”๋ง ๋  ๋•Œ3\. props๊ฐ€ ๋ณ€๊ฒฝ๋  ๋•Œ4\. forceUpdate ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋  ๋•Œ

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Lifecycle

๐Ÿ“Œ ๋ฆฌ์•กํŠธ ๊ณต์‹๋ฌธ์„œ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ธฐ์ˆ ์„ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.9๊ฐ€์ง€์˜ ์ƒ๋ช…์ฃผ๊ธฐ ๋ฉ”์„œ๋“œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜๋‚˜์”ฉ ์‚ดํŽด๋ด…์‹œ๋‹ค..!๋งˆ์šดํŠธ๋ ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ์ƒ๋ช…์ฃผ๊ธฐ ์ž…๋‹ˆ๋‹ค.constructorgetDerivedStateFromPropsrendercomponentDidMoun

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Props์™€ State

๐Ÿ“Œ ๋ฆฌ์•กํŠธ ๊ณต์‹๋ฌธ์„œ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ธฐ์ˆ ์„ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.์ปดํฌ๋„ŒํŠธ ์†์„ฑ์„ ์„ค์ •ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์š”์†Œ๋กœ, ๊ฐ„๋‹จํžˆ ๋งํ•˜์ž๋ฉด ์ปดํฌ๋„ŒํŠธ์—์„œ ์ปดํฌ๋„ŒํŠธ๋กœ ์ „๋‹ฌํ•˜๋Š” ๋ฐ์ดํ„ฐ ์ด๋‹ค.props๋Š” ์ฝ๊ธฐ ์ „์šฉ์ด๋‹ค. โ†’ ํ•จ์ˆ˜ ์ปดํฌ๋„ŒํŠธ๋‚˜ ํด๋ž˜์Šค ์ปดํฌ๋„ŒํŠธ ๋ชจ๋‘ ์ปดํฌ๋„ŒํŠธ์˜ ์ž์ฒด pro

2021๋…„ 11์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€