๐ŸŒŸ[ํŒจ์ŠคํŠธ์บ ํผ์Šค] Kernel360 ํ”„๋ก ํŠธ์—”๋“œ ์˜คํ”ˆ์†Œ์Šค ์‚ฌ์šฉ์ž ๋ชจ์ง‘๐ŸŒŸ

ํŒจ์ŠคํŠธ์บ ํผ์Šค์ •๋ถ€๊ต์œก
2024-11-26
์กฐํšŒ์ˆ˜ 21

์•ˆ๋…•ํ•˜์„ธ์š”, ํŒจ์ŠคํŠธ์บ ํผ์Šค์ž…๋‹ˆ๋‹ค!


Kernel360์—์„œ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋ถ„๋“ค์ด ์•ฝ 2๊ฐœ์›”๊ฐ„ ๊ฐœ๋ฐœํ•œ ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ์˜ ์‚ฌ์šฉ์ž๊ฐ€ ๋˜์–ด์ฃผ์‹ค ๋ถ„๋“ค์„ ๋ชจ์‹œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


Kernel360 ๊ณผ์ •์—์„œ ํฌ๋ฃจ๋“ค์ด ์ง์ ‘ ์ œ์ž‘ํ•œ ์˜คํ”ˆ์†Œ์Šค๋ฅผ ์ฒดํ—˜ํ•ด ๋ณด์‹œ๊ณ  ์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”~!


์„ค๋ฌธ์— ์ฐธ์—ฌํ•˜์‹  ๋ถ„๋“ค ์ค‘ ์ถ”์ฒจ์„ ํ†ตํ•ด์„œ ์†Œ์ •์˜ ๊ธฐํ”„ํ‹ฐ์ฝ˜์„ ์ œ๊ณต๋“œ๋ฆด ์˜ˆ์ •์ด์˜ค๋‹ˆ ๋งŽ์€ ์ฐธ์—ฌ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๐Ÿ˜€


โœ”๏ธ [์ฐธ์—ฌ ๋ฐฉ๋ฒ•]

- ์˜คํ”ˆ์†Œ์Šค๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์‹œ๊ณ  GitHub PR๋กœ ์˜๊ฒฌ์„ ์ฃผ์‹œ๊ฑฐ๋‚˜ ๋ฒ„๊ทธ ๋ฆฌํฌํŠธ ์„ค๋ฌธ์„ ์ž‘์„ฑ ํ•ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.


โœ”๏ธ [ํŒ€ ๋ณ„ ์†Œ๊ฐœ]


โœ… 1ํŒ€ react-custom-timetable

๐Ÿ“ ์˜คํ”ˆ์†Œ์Šค ์†Œ๊ฐœ

  • ํ—ค๋“œ๋ฆฌ์Šค ๊ตฌ์กฐ๋กœ ๋””์ž์ธ์— ๊ตฌ์• ๋ฐ›์ง€ ์•Š์œผ๋ฉฐ ํ• ์ผ ๋ชฉ๋ก์˜ ์‹œ๊ฐ„ ์ค‘๋ณต ์ฒดํฌ ๋กœ์ง์„ ํ†ตํ•ด ๋ณด๋‹ค ์•ˆ์ •์ ์ธ ๋ Œ๋”๋ง์„ ๋ณด์žฅํ•˜๋Š” ๋ฆฌ์•กํŠธ ํƒ€์ž„ํ…Œ์ด๋ธ” ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.

 โ–ท ์ฒดํ—˜ํ•˜๋Ÿฌ ๊ฐ€๊ธฐ : ๋ฐฐํฌ ๋งํฌ

 โ–ท ๋ฒ„๊ทธ ๋ฆฌํฌํŠธ ์„ค๋ฌธ ์ž‘์„ฑํ•˜๋Ÿฌ ๊ฐ€๊ธฐ : ์„ค๋ฌธ ๋งํฌ



โœ… 2ํŒ€ react-player-plugin-prompter

๐Ÿ“ ์˜คํ”ˆ์†Œ์Šค ์†Œ๊ฐœ

  • React Player Plugin Prompter๋Š” ReactPlayer์— ์ž๋ง‰ ๋™๊ธฐํ™”, ๋ฌธ์žฅ ํƒ์ƒ‰, ๋‹จ์–ด ์„ ํƒ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด, ๊ต์œก ๋ฐ ์–ธ์–ด ํ•™์Šต์— ์ตœ์ ํ™”๋œ ์˜คํ”ˆ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.

 โ–ท ์ฒดํ—˜ํ•˜๋Ÿฌ ๊ฐ€๊ธฐ : ๋ฐฐํฌ ๋งํฌ

 โ–ท ๋ฒ„๊ทธ ๋ฆฌํฌํŠธ ์„ค๋ฌธ ์ž‘์„ฑํ•˜๋Ÿฌ ๊ฐ€๊ธฐ : ์„ค๋ฌธ ๋งํฌ



โœ… 3ํŒ€ shadcn-dialog-snippet

๐Ÿ“ ์˜คํ”ˆ์†Œ์Šค ์†Œ๊ฐœ

  • shadcn/ui์˜ Dialog ์ปดํฌ๋„ŒํŠธ์˜ ๋‹ค์–‘ํ•œ ์‚ฌ์šฉ ์˜ˆ์‹œ๋ฅผ ๋ชจ์•„๋‘” ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค. 

  • ์ด ํ”„๋กœ์ ํŠธ๋Š” ์—ฌ๋Ÿฌ ์œ ํ˜•์˜ Dialog๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ  ์ปค์Šคํ„ฐ๋งˆ์ด์ง•ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ code snippet์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 โ–ท ์ฒดํ—˜ํ•˜๋Ÿฌ ๊ฐ€๊ธฐ : ๋ฐฐํฌ ๋งํฌ

 โ–ท ๋ฒ„๊ทธ ๋ฆฌํฌํŠธ ์„ค๋ฌธ ์ž‘์„ฑํ•˜๋Ÿฌ ๊ฐ€๊ธฐ : ์„ค๋ฌธ ๋งํฌ

0 0