profile
๐™„ ๐™–๐™ข ๐™– ๐™›๐™ง๐™ค๐™ฃ๐™ฉ๐™š๐™ฃ๐™™ ๐™™๐™š๐™ซ๐™š๐™ก๐™ค๐™ฅ๐™š๐™ง ๐™ฌ๐™๐™ค ๐™š๐™ฃ๐™Ÿ๐™ค๐™ฎ๐™จ ๐™™๐™š๐™ซ๐™š๐™ก๐™ค๐™ฅ๐™ข๐™š๐™ฃ๐™ฉ. ๐Ÿ‘‹ ๐Ÿ’ป
post-thumbnail

Suspense & Lazy With Transition

React๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ Code Splitting์„ ์ ์šฉํ•˜๋ ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด Dynamic import๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด ๋•Œ, Suspense์™€ Lazy๋ฅผ ์‚ฌ์šฉํ–ˆ์„ ๋–„, ํŠธ๋žœ์ง€์…˜ ์ ์šฉ ๋ฐฉ๋ฒ•์„ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด์„œ ๊ตฌํ˜„ ๋ฐฉ๋ฒ•๊ณผ ๋™์ž‘ ๊ณผ์ •์— ๋Œ€ํ•ด์„œ ํ™•์ธํ•ด๋ณด์ž.

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

Github Organization์— NPM Package๋ฅผ ๋ฐฐํฌํ•ด๋ณด์ž

์ด๋ฒˆ์— ์ง„ํ–‰ํ•˜๋Š” ์ผ์—์„œ React Component๋กœ ์ œ์ž‘ํ•ด์„œ ๋ฐฐํฌํ•ด์•ผ ํ•  ์ผ์ด ์ƒ๊ฒผ๋‹ค. ๊ทธ๋ž˜์„œ ๊ธฐ์กด์— CRA๋กœ ์ œ์ž‘ํ•œ Component๋ฅผ Babel์„ ํ†ตํ•˜์—ฌ Package๋กœ ๋ฐฐํฌํ•˜๋ ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์ง„ํ–‰ํ•˜์˜€๋‹ค.

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

Electron ์ž๋™ ์—…๋ฐ์ดํŠธ ์ ์šฉ

Electron ์•ฑ์„ ๋นŒ๋“œํ•˜๊ณ  ๋ฐฐํฌ๊นŒ์ง€ ๋งˆ์ณค๋‹ค๋ฉด ๊ณผ์—ฐ ๋์ผ๊นŒ? ๋Œ€๋‹ต์€ NO. ์šฐ๋ฆฌ๋Š” ์ง€์†์ ์œผ๋กœ ์œ ์ง€๋ณด์ˆ˜ ๋ฐ ๊ธฐ๋Šฅ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ•˜๊ธฐ์œ„ํ•ด์„œ ์—…๋ฐ์ดํŠธ๋ฅผ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค.

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

Electron ์ ์šฉ ๋ฐ ๋นŒ๋“œํ•˜๊ธฐ

์ด๋ฒˆ ๊ธ€์—์„œ๋Š” Electron์„ ์ ์šฉ์‹œํ‚ด์œผ๋กœ์จ ๊ธฐ์กด React ์ฝ”๋“œ์—์„œ ๋‹ฌ๋ผ์ง€๋Š” ๋ถ€๋ถ„์„ ์ˆ˜์ •ํ•˜๊ณ , ํ”Œ๋žซํผ๋ณ„๋กœ ๋นŒ๋“œํ•˜์—ฌ Electron App์„ ์‹คํ–‰์‹œํ‚ค๋Š” ๊ณผ์ •๊นŒ์ง€ ์ง„ํ–‰ํ•ด๋ณด๊ฒ ๋‹ค!

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

Electron ์„ค์น˜ ๋ฐ ์ดˆ๊ธฐ์„ค์ •

์ตœ๊ทผ๋“ค์–ด์„œ Electron์ด ์ ์  ๋ˆˆ์— ๋„์—ˆ๋‹ค. ๊ทธ๋„ ๊ทธ๋Ÿด ๊ฒƒ์ด, ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” Discord, Slack, Notion, Github Desktop ๋“ฑ์ด ์ „๋ถ€ Electron์„ ํ†ตํ•ด์„œ ์ œ์ž‘๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

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

[React] Modal์„ Redux๋กœ ๊ตฌํ˜„ํ•ด๋ณด์ž!

์›นํŽ˜์ด์ง€๋ฅผ ๊ตฌํ˜„ํ•  ๋•Œ, Modal์ด๋ผ๋Š” ๊ฐœ๋…์€ ์ •๋ง ๋งŽ์ด ์“ฐ์ธ๋‹ค. ํ•˜์ง€๋งŒ ๋‹จ๋ฐฉํ–ฅ์œผ๋กœ๋งŒ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”์ธ๋”ฉํ•ด์ฃผ๋Š” React ํŠน์„ฑ์ƒ Modal ๋งŒ๋“ค ๋•Œ์—๋Š” ๊ตฌ์กฐ์ ์ด๋‚˜ z-index๊ณผ ๊ฐ™์€ ๋ทฐ์ชฝ์—์„œ ๊น”๋”ํ•˜์ง€์•Š๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค..๐Ÿค” ๊ทธ๋ž˜์„œ, ํ˜น์‹œ Redux๋ฅผ ์ด์šฉํ•˜์—ฌ Mod

2020๋…„ 9์›” 4์ผ
ยท
8๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[React] Tooltip ์ œ์ž‘๊ธฐ

ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋˜ ๋„์ค‘์— Tooltip์ด ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์œผ๋กœ ํ•„์š”๋กœ ํ•˜์˜€๊ธฐ์— ์ด๋ ‡๊ฒŒ ์ œ์ž‘ํ•˜๋Š” ๊ธฐํšŒ๊ฐ€ ๋˜์—ˆ๋‹ค. ์‚ฌ์‹ค ์ด์ „๊นŒ์ง€๋Š” ์ด๋ฏธ ๋งŽ์ด ์•Œ๋ ค์ง„ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ํˆดํŒ์„ ์‚ฌ์šฉํ–ˆ์ง€๋งŒ, ์‚ฌ์šฉํ•  ๊ธฐ๋Šฅ์— ๋น„ํ•ด์„œ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ๋„ˆ๋ฌด ๊ณผํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜์˜€๋‹ค. ๊ทธ๋ž˜์„œ ์ด๋ฒˆ ๊ธฐํšŒ์—..

2020๋…„ 8์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€