profile
๐Ÿ‘๐Ÿป SeungMai (๋งค ์ˆœ๊ฐ„ ๊ธฐ๋ก์„!)๐Ÿง‘๐Ÿปโ€๐Ÿ’ป | WIL๋งŒ ์˜ฌ๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค | ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ๋Š” ์•„๋ž˜ ๐Ÿ  ์˜ ๋งํฌ๋ฅผ ์ด์šฉํ•ด์ฃผ์„ธ์š”.
post-thumbnail

[WIL] 22.03 1์ฃผ์ฐจ

1์ฃผ์ฐจ ์ผ์ • ๋งˆ๋ฌด๋ฆฌ ๐Ÿ”ฅย Week ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WIL ํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€! ๐Ÿ˜œย ์ง„ํ–‰ํ–ˆ๋˜ ์‚ฌํ•ญ๋“ค TOP ๋žญํ‚น ํŽ˜์ด์ง€ ๋ฆฌํŒฉํ† ๋ง ์ด๋ฒคํŠธ ํƒ€์ž„ ์ฒดํฌ์šฉ api ์„ค์ •(axios ์‚ฌ์šฉ) ์›น

2022๋…„ 3์›” 8์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[WIL] 22.02 4์ฃผ์ฐจ

4์ฃผ์ฐจ ์ผ์ • ๋งˆ๋ฌด๋ฆฌ ๐Ÿ”ฅย Week ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WIL ํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€! ๐Ÿ˜œย ์ง„ํ–‰ํ–ˆ๋˜ ์‚ฌํ•ญ๋“ค ๋ธ”๋กœ๊ทธ์— WIL ์ž‘์„ฑ ํšŒ์‚ฌ ์„œ๋น„์Šค ๋ฐ ์ฝ”๋“œ ๋ถ„์„ ํ”„๋ก ํŠธ ํšŒ์˜ ์ง„ํ–‰ 2ํšŒ ์ฐธ์—ฌ TOP ๋žญํ‚น ํŽ˜์ด์ง€ ๋ฆฌํŒฉํ† ๋ง 19+ ์˜ค๋ฅ˜ ์ˆ˜์ • ๋ฐ ์œ ์ง€๋ณด์ˆ˜ ์‹ค์‹œ๊ฐ„ ์ˆœ์œ„์—์„œ ์ชฝ์ง€ ๋ณด๋‚ผ ๋•Œ ์•ˆ๋ณด...

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

[WIL] 22.02 3์ฃผ์ฐจ

3์ฃผ์ฐจ ์ผ์ • ๋งˆ๋ฌด๋ฆฌ ๐Ÿ”ฅย Week ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WIL ํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€! ๐Ÿ˜œย ์ง„ํ–‰ํ–ˆ๋˜ ์‚ฌํ•ญ๋“ค ๋ธ”๋กœ๊ทธ์— WIL ์ž‘์„ฑ ํšŒ์‚ฌ ์„œ๋น„์Šค ๋ฐ ์ฝ”๋“œ ๋ถ„์„ ์ด์‚ฌ๋‹˜์ด ์š”์ฒญํ•œ stream๊ฐ’ ์ด๋™๊ณผ์ • ๋ถ„์„ ๋ฐ ์„ค๋ช… ํŒ€์žฅ๋‹˜์ด ์š”์ฒญํ•œ ์นดํ…Œ๊ณ ๋ฆฌ 19+์ฒดํฌ ์‹œ ๋™์˜๋ฅผ ํ–ˆ์„ ๋•Œ ์—ฐ๋ น์ œํ•œ์„ ํ’€...

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

[WIL] 22.02 2์ฃผ์ฐจ

2์ฃผ์ฐจ ์ผ์ • ๋งˆ๋ฌด๋ฆฌ ๐Ÿ”ฅย Week ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WIL ํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€! ๐Ÿ˜œย ์ง„ํ–‰ํ–ˆ๋˜ ์‚ฌํ•ญ๋“ค ๋ธ”๋กœ๊ทธ์— WIL ์ž‘์„ฑ ํšŒ์‚ฌ ์„œ๋น„์Šค ๋ฐ ์ฝ”๋“œ ๋ถ„์„ ํšŒ์‚ฌ ์ปดํฌ๋„ŒํŠธ ๋งˆ์ธ๋“œ๋งต ์™„๋ฃŒ(์–ด๋Š์ •๋„๋Š”?!) 1์ผ 1์—…๋กœ๋“œ(๋…ธ์…˜์— ์—…๋กœ๋“œ) ๋…ธ์…˜ ์ „ ๋‚ ์— ํ–ˆ๋˜ ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ ๋ฆฌ๋”ฉ! Velog...

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

[WIL] 22.02 1์ฃผ์ฐจ

๐Ÿ”ฅ Week ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WIL ํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€! ๐Ÿ˜œ ์ง„ํ–‰ํ–ˆ๋˜ ์‚ฌํ•ญ๋“ค ๋ธ”๋กœ๊ทธ์— WIL ์ž‘์„ฑ ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 2-15์ฑ•ํ„ฐ ์™„๋ฃŒ ํšŒ์‚ฌ ์„œ๋น„์Šค ๋ฐ ์ฝ”๋“œ ๋ถ„์„ ํšŒ์‚ฌ ์ปดํฌ๋„ŒํŠธ ๋งˆ์ธ๋“œ๋งต

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

[WIL] 22.01 4์ฃผ์ฐจ

ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WILํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€!๋ธ”๋กœ๊ทธ์— WIL ์ž‘์„ฑ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 2-15์ฑ•ํ„ฐ ์™„๋ฃŒ ํšŒ์‚ฌ ์„œ๋น„์Šค ๋ฐ ์ฝ”๋“œ ๋ถ„์„ํšŒ์‚ฌ ์ปดํฌ๋„ŒํŠธ ๋งˆ์ธ๋“œ๋งต ์™„๋ฃŒ(์–ด๋Š์ •๋„๋Š”?!)1์ผ 1์—…๋กœ๋“œ(๋…ธ์…˜์—

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

[WIL] 22.01 3์ฃผ์ฐจ

ํ•œ ์ฃผ๋ฅผ ๋˜๋Œ์•„ ๋ณด๊ณ  ์ ๋Š” WILํ•œ ์ฃผ๋ฅผ ์–ด๋–ค์‹์œผ๋กœ ๋ณด๋ƒˆ๋Š”์ง€! ๋ชฉํ‘œ์„ค์ •์€ ๋˜‘๋ฐ”๋กœ ํ–ˆ๋Š”์ง€! ๋‚˜๋ฅผ ํ•œ์ธต ๋” ์—…๊ทธ๋ ˆ์ด๋“œ ์‹œ์ผฐ๋Š”์ง€!๋ธ”๋กœ๊ทธ์— WIL ์ž‘์„ฑ์นด์นด์˜ค์›Œํฌ ์—ฐ๋ฝ์ฒ˜ ์„ค์ •๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ 1์ผ 3์ฑ•ํ„ฐ Notion ์ •๋ฆฌํšŒ์‚ฌ ์„œ๋น„์Šค ๋ฐ ์ฝ”๋“œ ๋ถ„์„ํ•ญํ•ด99 ํ›„๊ธฐ๊ธ€ ์ž‘์„ฑJavaScr

2022๋…„ 1์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ฃฝ์–ด๋„ ์žŠ์ง€ ๋ชปํ•  ํ•ญํ•ด99(HangHae 99)

์†Œ์ค‘ํ–ˆ๊ณ  ๊ฐ„์ ˆํ–ˆ์Šต๋‹ˆ๋‹ค. 99์ผ์ด๋ผ๋Š” ์‹œ๊ฐ„๋™์•ˆ ๊ฐ™์€ ๊ณณ์„ ๋ฐ”๋ผ๋ณด๋ฉฐ ๋‹ฌ๋ ค๊ฐ€๋˜ ํŒ€์›๋“ค์ด ์†Œ์ค‘ํ–ˆ๊ณ , ๊ฐœ๋ฐœ์„ ์ž˜ํ•˜๊ณ  ์‹ถ์—ˆ๋˜ ์ œ ๋งˆ์Œ์ด ํฌ๊ฒŒ ์ž‘์šฉ์„ ํ•˜๋ฉด์„œ ๊ฐœ๋ฐœ์ด ๋” ๊ฐ„์ ˆํ–ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ•ญํ•ด99๋Š”โ“ 99์ผ ๋™์•ˆ IT ์ธ์žฌ ์–‘์„ฑ์„ ์œ„ํ•œ ํ”„๋กœ์ ํŠธ ๊ธฐํš/๊ฐœ๋ฐœ ๊ต์œก๊ณผ์ •์ž…๋‹ˆ๋‹ค. ๋‹ค์–‘

2022๋…„ 1์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[useRef] useRef๋ž€?

useRef๋ž€ ํŠน์ • DOM์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๊ฒŒ๋” ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ ๋…€์„์ž…๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ๊ฐ„ํ˜น DOM์„ ์ง์ ‘ ์„ ํƒํ•ด์„œ ์—˜๋ฆฌ๋จผํŠธ์˜ ํฌ๊ธฐ๋ฅผ ๊ฐ€์ ธ์™€์•ผ ํ•œ๋‹ค๋˜์ง€, ์Šคํฌ๋กค๋ฐ” ์œ„์น˜๋ฅผ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ์„ค์ •ํ•ด์•ผ ๋œ๋‹ค๋˜์ง€, ๋˜๋Š” ํฌ์ปค์Šค๋ฅผ ์„ค์ •ํ•ด์ค˜์•ผ ํ•˜๋˜์ง€ ๋‹ค์–‘ํ•œ ์ƒํ™ฉ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

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

[ejs] ejs๋ž€?

ejs๋Š” Embedded JavaScript์˜ ์•ฝ์ž๋กœ, ์‰ฝ๊ฒŒ ๋งํ•˜๋ฉด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋‚ด์žฅ๋˜์–ด ์žˆ๋Š” html ํŒŒ์ผ์ž…๋‹ˆ๋‹ค.node.js ์ง„์˜์—์„œ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ํ…œํ”Œ๋ฆฟ์—”์ง„์ž…๋‹ˆ๋‹ค. ๋ฌธ๋ฒ•์ด ๋‹จ์ˆœํ•ฉ๋‹ˆ๋‹ค. ejs๋Š” html ์•ˆ์—์„œ <% %>๋ฅผ ์ด์šฉํ•ด์„œ ์„œ๋ฒ„์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜

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

[SWR]๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ๋ฅผ ์œ„ํ•œ React Hooks

"SWR"์ด๋ผ๋Š” ์ด๋ฆ„์€ HTTP RFC 5861์— ์˜ํ•ด ์•Œ๋ ค์ง„ HTTP ์บ์‹œ ๋ฌดํšจ ์ „๋ ฅ์ธ stale-while-revalidate์—์„œ ์œ ๋ž˜๋˜์—ˆ์Šต๋‹ˆ๋‹ค. SWR์€ ๋จผ์ € ์บ์‹œ๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ˜ํ™˜ํ•œ ํ›„, fetch ์š”์ฒญ(์žฌ๊ฒ€์ฆ)์„ ํ•˜๊ณ , ์ตœ์ข…์ ์œผ๋กœ ์ตœ์‹ ํ™”๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š”

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

[์ƒํƒœ์ฝ”๋“œ ์—๋Ÿฌ] ์ƒํƒœ์ฝ”๋“œ์˜ ์ข…๋ฅ˜์™€ ์˜๋ฏธ

1xx(์ •๋ณด) : ์š”์ฒญ์„ ๋ฐ›์•˜์œผ๋ฉฐ ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ณ„์† ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.2xx(์„ฑ๊ณต) : ์š”์ฒญ์„ ์„ฑ๊ณต์ ์œผ๋กœ ๋ฐ›์•˜์œผ๋ฉฐ ์ธ์‹ํ–ˆ๊ณ  ์ˆ˜์šฉํ•˜์˜€์Šต๋‹ˆ๋‹ค.3xx(๋ฆฌ๋‹ค์ด๋ ‰์…˜) : ์š”์ฒญ ์™„๋ฃŒ๋ฅผ ์œ„ํ•ด ์ถ”๊ฐ€ ์ž‘์—… ์กฐ์น˜๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.4xx(ํด๋ผ์ด์–ธํŠธ ์˜ค๋ฅ˜) : ์š”์ฒญ์˜ ๋ฌธ๋ฒ•์ด ์ž˜๋ชป๋˜์—ˆ๊ฑฐ๋‚˜ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ• 

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

[React] React๋ฅผ ์œ„ํ•œ ๋ Œ๋”๋ง ์บ์‹œ

SSR(Server Side Rendering)์€ ์›น ์•ฑ์„ ๋” ๋น ๋ฅด๊ฒŒ ํ‘œ์‹œํ•˜๋Š” ๋งค์šฐ ์œ ์šฉํ•œ ๊ธฐ์ˆ ์ด๋‹ค. ์ดˆ๊ธฐ HTML์€ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ํŒŒ์‹ฑ๋˜๊ธฐ ์ „์— ํ‘œ์‹œ๋˜๋ฉฐ ์‚ฌ์šฉ์ž๊ฐ€ ๋ฌด์—‡์„ ํƒญํ• ์ง€ ๊ฒฐ์ •ํ•  ๋•Œ ํ•ธ๋“ค๋Ÿฌ๊ฐ€ ์ค€๋น„๋œ๋‹ค. React์˜ ์„œ๋ฒ„ ์ธก ๋ Œ๋”๋ง์€ ์ถ”๊ฐ€ ์ž‘์—…์ด ํ•„์š”ํ•˜๋ฉฐ ์„œ๋ฒ„

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

[react-router-dom] v5 -> v6

react-router-dom์ด v5์—์„œ v6์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œ ๋œ์ง€ ์กฐ๊ธˆ ์ง€๋‚ฌ๋‹ค.v5v6๊ธฐ์กด์˜ ๋ผ์šฐํŠธ ๊ฒฝ์šฐ ๊ฒฝ๋กœ์˜ ์•ž๋ถ€๋ถ„๋งŒ ์ผ์น˜ํ•ด๋„ ์ „๋ถ€ ๋งค์นญ๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ •ํ™•ํžˆ ๋ผ์šฐํŠธ๋ฅผ ์ผ์น˜์‹œํ‚ค๊ณ ์ž exact์˜ต์…˜์„ ์‚ฌ์šฉํ•˜์˜€๋‹ค. ํ•˜์ง€๋งŒ v6๋ถ€ํ„ฐ exact๊ฐ€ ๊ธฐ๋ณธ์œผ๋กœ ์ ์šฉ์ด ๋˜์—ˆ๊ณ , ๋งŒ์•ฝ

2022๋…„ 1์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[Next.js] Next.js ์‚ฌ์šฉํ•˜๋Š” ์ด์œ 

\- SSR์„ ์‰ฝ๊ฒŒ ์ˆ˜ํ˜„ํ•˜๋„๋ก ๋„์™€์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ Next.js๋Š” React์˜ SSR(Server Side Rendering)์„ ์‰ฝ๊ฒŒ > ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. ๊ทธ๋ ‡๋‹ค๊ณ  React์—์„œ SSR์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ  ๋ฌป๋Š”๋‹ค๋ฉด, ๋Œ€๋‹ต์€ "React์—์„œ๋„ ๊ตฌํ˜„ ๊ฐ€๋Šฅ

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

[Next.js] ๊ธฐ๋ณธ ๊ฐœ๋… ์•Œ์•„๋ณด๊ธฐ

next.js๋Š” React๋กœ ๋งŒ๋“œ๋Š” ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์„ ํ•จ์œผ๋กœ ์–ป๋Š” ์ด๋“์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 1\. ํด๋ผ์ด์–ธํŠธ ๋ Œ๋”๋ง์˜ ๊ฒฝ์šฐ ๋ชจ๋“  js ํŒŒ์ผ์„ ๋กœ๋“œํ•˜๊ณ  ์‚ฌ์šฉ์ž๋Š” ์›น์„ ๋ณด๊ฒŒ๋œ๋‹ค. ์ด๋•Œ๊นŒ์ง€ ์‚ฌ์šฉ์ž๋Š” ๋งŽ์€ ์‹œ๊ฐ„์„ ๋Œ€๊ธฐํ•ด์•ผ ํ•œ๋‹ค.seo ๋ฌธ์ œ -

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

redux & mobx ์ฐจ์ด

Redux๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค.๋ฆฌ๋•์Šค ํŠน์ง• ํ•˜๋‚˜์˜ store๋ฅผ ๊ฐ€์ง„๋‹ค.store์˜ ๋ฐ์ดํ„ฐ๋Š” ๋ถˆ๋ณ€์„ฑ์„ ๊ฐ€์ง„๋‹ค.action์€ ๋ฐ์ดํ„ฐ ๋ฌถ์Œ์„ reducer๋กœ ๋ณด๋‚ด๊ณ  reducer๋Š” store๋ฅผ ๊ฐฑ์‹ ๋‹ค.Mobx๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค

2022๋…„ 1์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[ํ•ญํ•ด99] ๋ถ€ํŠธ์บ ํ”„ ์ˆ˜๋ฃŒ ๐ŸŽ‰

ํ•ญํ•ด99์™€ ํ•จ๊ป˜ ํ•œ์ง€ 99์ผ์ด ์ง€๋‚œ ์ƒˆํ•ด๊ฐ€ ๋ฐ์•„์™”๋‹ค. ์ž์ •์„ ๋„˜๊ธฐ๋ฉด์„œ ํŒ€์›๋“ค๊ณผ ๋ชฐ์ž…ํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„์ด ์˜ค์ง€ ์•Š๋Š”๋‹ค๋Š” ์‚ฌ์‹ค์— ๊ต‰์žฅํžˆ ์†์ƒํ–ˆ๋‹ค. ํž˜๋“ค๊ณ  ๊ณ ๋‹จํ•ด๋„ ํŒ€์›์ด๋ผ๋Š” ์กด์žฌ ์ž์ฒด๊ฐ€ ๊ฒŒ๋”ํƒ€์šด ์•ˆ์—์„œ๋Š” ๊ฐ€์กฑ์ฒ˜๋Ÿผ ๋ˆ๋ˆํ–ˆ๊ณ , ํŒ€์›๋“ค์—๊ฒŒ ๋ฐฐ์› ๋˜ ํ–‰๋™๋“คํ•˜๋ฉฐ ๊ฐ์ •๋“ค๊นŒ์ง€ ์‚ฌ๋žŒ์„ ๋Œ€ํ• 

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

lighthouse๋ฅผ ์ด์šฉํ•ด ์„ฑ๋Šฅ ์ตœ์ ํ™” ํ•˜๊ธฐ (code-splitting, lazy-loading)

https://kyounghwan01.github.io/blog/React/optimize-performance/code-splitting/#%E1%84%89%E1%85%A5%E1%84%85%E1%85%A9%E1%86%AB

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

[React] ๋ฏธ๋“ค์›จ์–ด redux-thunk

redux-thunk๋ฆฌ๋•์Šค๋ฅผ ์‚ฌ์šฉํ•œ๋Š ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋น„๋™๊ธฐ์ž‘์—…์„ ์‚ฌ์šฉํ• ๋•Œ ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ•์œผ๋กœ redux-thunk๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.thunk์˜ ์žฅ์ ์œผ๋กœ๋Š” ์ง๊ด€์ ์ด๋ฉฐ, ๊ฐ„๋‹จํ•˜๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค.redux-thunk๋Š” ๋ฌด์—‡์„ ํ•˜๋Š” ๋ฏธ๋“ค์›จ์–ด์ธ๊ฐ€?ํ•ด๋‹น ๋ฏธ๋“ค์›จ์–ด๋Š” ๊ฐ์ฒด ๋Œ€์‹  ํ•จ์ˆ˜

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