profile
์˜์ฐจ์˜์ฐจ๐Ÿข
post-thumbnail

Fresh ๋„์ „!

Deno ๊ธฐ๋ฐ˜์˜ Fresh ์›น ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์•Œ์•„๋ณด์ž

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

(JS) this ์˜ ์ ‘๊ทผ์ด ์ด์ƒํ•˜๋‹ค..

๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•ด ์ผ€๋Ÿฌ์…€์„ ๋งŒ๋“œ๋Š” ๋„์ค‘ ์ด์ „ ์‚ฌ์ง„์„ ๋ณด์—ฌ์ฃผ๋Š” ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์— this ๊ฐ€ ์ž˜๋ชป ์ ‘๊ทผํ•˜๊ณ  ์žˆ์–ด ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒผ๋‹คsetEventListener ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ๋“ฑ๋ก ํ›„ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๋„์–ด ์ด์ „ ๋ฒ„ํŠผ ํด๋ฆญ์„ ํ–ˆ๋Š” ๋ฐ ์—๋Ÿฌ๊ฐ€ ๋‚˜์™”๋‹ค์•„๋ฌด๋ž˜๋„ ์ž˜

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

storybook ์—์„œ ํ…Œ์ŠคํŠธ ์‹œ๋‚˜๋ฆฌ์˜ค ์ž‘์„ฑํ•˜๊ธฐ

๊ธฐ์กด์— Storybook ์„ ์„ค์ •์„ ํ•œ ์ƒํƒœ๋กœ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค ๋ฉ”๋ชจ ์ž‘์„ฑ๋น„๋ฐ€๋ฒˆํ˜ธ 2์ž๋ฆฌ ์ž‘์„ฑ๋“ฑ๋ก ๋ฒ„ํŠผ ํด๋ฆญ๋“ฑ๋ก ๋ถˆ๊ฐ€์—๋Ÿฌ๋ฉ”์„ธ์ง€ ๋ Œ๋”๋ง5-1. ์ด๋ฆ„ ํ•„์ˆ˜ ์•ˆ๋‚ด5-1. ํŒจ์Šค์›Œ๋“œ๋Š” 4์ž๋ฆฌ ์ž…๋ ฅ ์•ˆ๋‚ด์˜ˆ์ƒ ์‹œ๋‚˜๋ฆฌ์˜ค ๊ธฐํš์˜ˆ์ƒ ์‹œ๋‚˜๋ฆฌ์˜ค ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑstorybook ์‹คํ–‰ํ…Œ์ŠคํŠธ ์ฝ”

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

Nextjs + Storybook

nextjs v11 ์ด์ƒ๋ถ€ํ„ฐ๋Š” webpack5 ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์„ฑ๋Šฅ ํ–ฅ์ƒ๋ฐ”๋กœ๊ฐ€๊ธฐ์ ˆ๋Œ€ ๊ฒฝ๋กœ๋ฅผ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด ์„ค์ •๊ฐœ๋ฐœ์ค‘์ธ ๋ชจ๋‹ฌ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹คargs ์— ์ „๋‹ฌํ•œ ๊ฐ’์„ ๋ณ€๊ฒฝํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ์ฆ‰์‹œ ๊ฐ’์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค์ถ”๊ฐ€๋กœ DOCS๋ฅผ ํ™œ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ MDX ๋ฅผ ์ž‘์„ฑํ•ด์•ผ ํ•œ๋‹คMDX

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

์ž๋ฆฌ์ˆ˜์˜ ํ•ฉ

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

๋“ฑ์ˆ˜๊ตฌํ•˜๊ธฐ

N๋ช…์˜ ํ•™์ƒ์˜ ๊ตญ์–ด์ ์ˆ˜๊ฐ€ ์ž…๋ ฅ๋˜๋ฉด ๊ฐ ํ•™์ƒ์˜ ๋“ฑ์ˆ˜๋ฅผ ์ž…๋ ฅ๋œ ์ˆœ์„œ๋Œ€๋กœ ์ถœ๋ ฅํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ์ž‘์„ฑํ•˜์„ธ์š”.

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

react ์—๋‹ˆ๋ฉ”์ด์…˜ modal ๋งŒ๋“ค๊ธฐ

Nextjsyarn berryvanilla-extractmodal.tsxmodal.css.tsvanilla-extract ์˜ ์‚ฌ์šฉ์ด ๋ฏธ์ˆ™ํ•ด์„œ ์ƒ๊ฐ๋ณด๋‹ค ์‹œ๊ฐ„์ด ๋งŽ์ด ์†Œ์š”๋๋‹ค

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

์ค‘๋ณต๋ฌธ์ž์ œ๊ฑฐ + ์ค‘๋ณต๋‹จ์–ด์ œ๊ฑฐ

indexOf ๋Š” ํ•ด๋‹น ๋ฌธ์ œ์—ด์—์„œ ํŒŒ๋ผ๋ฏธํ„ฐ์— ๋„ฃ์€ ๊ฐ’๊ณผ ๊ฐ™์€ ๋ฌธ์ž์˜ ์ธ๋ฑ์Šค๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค์ด๋•Œ ๊ฐ’์ด 2๊ฐœ ์ด์ƒ ์žˆ์–ด๋„ ์ฒ˜์Œ ๋งŒ๋‚œ ์ธ๋ฑ์Šค๋ฅผ ๋ฐ˜ํ™˜์ด๋Ÿฌํ•œ ๊ทœ์น™์„ ํ™œ์šฉํ•ด ๋ฐ˜๋ณต๋ฌธ์„ ๋Œ๋ฉด์„œ ํ•ด๋‹น ๊ฐ’์˜ ์ธ๋ฑ์Šค๊ฐ€ i ์™€ ๋‹ค๋ฅด๋‹ค๋ฉด ์ค‘๋ณต๋œ ๊ฐ’์ด๋ผ๊ณ  ํŒ๋‹จํ•œ๋‹ค

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

๋ณ€์ˆ˜ 2

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์€ ๋ณ€์ˆ˜ ์„ ์–ธ์„ 2๋‹จ๊ณ„์— ๊ฑฐ์ณ ์ˆ˜ํ–‰ํ•œ๋‹ค ์„ ์–ธ ๋‹จ๊ณ„: ๋ณ€์ˆ˜ ์ด๋ฆ„์„ ๋“ฑ๋กํ•ด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์— ๋ณ€์ˆ˜์˜ ์กด์žฌ๋ฅผ ์•Œ๋ฆฐ๋‹ค ์ดˆ๊ธฐํ™” ๋‹จ๊ณ„: ๊ฐ’์„ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•œ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ํ™•๋ณดํ•˜๊ณ  ์•”๋ฌต์ ์œผ๋กœ undefined๋ฅผ ํ• ๋‹นํ•ด ์ดˆ๊ธฐํ™”ํ•œ๋‹ค var ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•œ ๋ณ€์ˆ˜ ์„ 

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

์ผ๊ณฑ๋‚œ์Ÿ์ด

๋ฐฑ์„ค๊ณต์ฃผ๊ฐ€ ์ผ๊ณผ๋ฅผ ๋งˆ์น˜๊ณ  ๋Œ์•„์™€๋ณด๋‹ˆ ๋‚œ์Ÿ์ด๊ฐ€ ์ผ๊ณฑ ๋ช…์ด ์•„๋‹Œ ์•„ํ™‰ ๋ช…์ด์—ˆ๋˜ ๊ฒƒ์ด๋‹ค.์•„ํ™‰ ๋ช…์˜ ๋‚œ์Ÿ์ด๋Š” ๋ชจ๋‘ ์ž์‹ ์ด "๋ฐฑ์„ฑ ๊ณต์ฃผ์™€ ์ผ๊ณฑ ๋‚œ์Ÿ์ด"์˜ ์ฃผ์ธ๊ณต์ด๋ผ๊ณ  ์ฃผ์žฅํ•œ๋‹ค.์ผ๊ณฑ ๋‚œ์Ÿ์ด๋ฅผ ๊ตฌํ•˜๋ผ.์ผ๊ณฑ ๋‚œ์Ÿ์ด์˜ ํ‚ค์˜ ํ•ฉ์ด 100์•„ํ™‰ ๋ช…์˜ ๋‚œ์Ÿ์ด์˜ ํ‚ค๋Š” ๋ฐฐ์—ด๋กœ ์ฃผ์–ด์ง์ฒ˜์Œ์—๋Š” ์ผ๊ณฑ

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

์šฐ์•„ํ•œ ํ…Œํฌ ์„ธ๋ฏธ๋‚˜ - ์‹œ๊ฐ์ ์š”์†Œ ํ…Œ์ŠคํŠธ ์ž๋™ํ™”ํ•˜๊ธฐ

๋ฐœํ‘œ ๋‚ด์šฉ + ๊ฐœ์ธ์ ์ธ ์ƒ๊ฐ์ž…๋‹ˆ๋‹ค๋ฐœํ‘œ๋Š” ์šฐ์•„ํ•œํ˜•์ œ๋“ค ํ”„๋ก ํŠธ์—”๋“œ ๊ทธ๋ฃน ๊ฐœ๋ฐœ์ž ์‹ ์„ฑํ™˜ ๋‹˜์ด ํ•ด์ฃผ์…จ๋‹ค๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๋„๋ฆฌ ์‚ฌ์šฉ๋˜๊ธฐ ์ „์— ์–ด๋–ค ๊ฒƒ์˜ ํ’ˆ์งˆ, ์„ฑ๋Šฅ ๋˜๋Š” ์‹ ๋ขฐ์„ฑ์„ ํ™•๋ฆฝํ•˜๊ธฐ ์œ„ํ•œ ์ ˆ์ฐจ์—ฌ๋Ÿฌ ํ…Œ์ŠคํŠธ๊ฐ€ ์กด์žฌํ•œ๋‹ค FE ์—์„œ๋Š” ๋Œ€ํ‘œ์ ์œผ๋กœ ๊ธฐ๋Šฅ ํ…Œ์ŠคํŠธ, UI ํ…Œ์ŠคํŠธ, ๋ธŒ๋ผ์šฐ์ €

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

๋ณ€์ˆ˜

ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋Š” ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ๊ฐ’์„ ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅ๋˜๊ณ  ์ €์žฅ๋œ ๊ฐ’์„ ์ฝ์–ด ๋“ค์—ฌ ์žฌ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๋ณ€์ˆ˜๋ผ๋Š” ๋ฉ”์ปค๋‹ˆ์ฆ˜ ์ œ๊ณต๋ณ€์ˆ˜๋Š” ํ•˜๋‚˜์˜ ๊ฐ’์„ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•ด ํ™•๋ณดํ•œ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„ ์ž์ฒด ๋˜๋Š” ๊ณต๊ฐ„์„ ์‹๋ณ„ํ•˜๊ธฐ ์œ„ํ•ด ๋ถ™์ธ ์ด๋ฆ„ / ๊ฐ’์˜ ์œ„์น˜๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ƒ์ง์ ์ธ ์ด๋ฆ„์ปดํ“จํ„ฐ๋Š” CPU๋ฅผ

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

์ž๋™์ฐจ 10๋ถ€์ œ

์ž๋™์ฐจ 10๋ถ€์ œ๋Š” ์ž๋™์ฐจ ๋ฒˆํ˜ธ์˜ ์ผ์˜์ž๋ฆฌ ์ˆซ์ž์™€ ๋‚ ์งœ์˜ ์ผ์˜ ์ž๋ฆฌ ์ˆซ์ž๊ฐ€ ์ผ์น˜ํ•œ๋‹ค๋ฉด ํ•ด๋‹น ์ž๋™์ฐจ์˜ ์šดํ–‰์„ ๊ธˆ์ง€ํ•˜๋Š”๊ฒƒ์ด๋‹ค.๋‚ ์งœ์˜ ์ผ์˜ ์ž๋ฆฌ ์ˆซ์ž๊ฐ€ ์ฃผ์–ด์ง€๊ณ  ์ž๋™์ฐจ ๋ฒˆํ˜ธ๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ ์œ„๋ฐ˜ํ•˜๋Š” ์ž๋™์ฐจ์˜ ๋Œ€์ˆ˜๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ์ž‘์„ฑํ•˜์„ธ์š”.

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

02์žฅ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ž€?

2008๋…„ ๊ตฌ๊ธ€ ๊ฐœ๋ฐœV8 ํ™œ์šฉํ•˜์—ฌ ๋ฐ์Šคํฌํ†ฑ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ์œ ์‚ฌํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์„ ์‚ฌc++๋กœ ๊ฐœ๋ฐœV8 ์—”์ง„์œผ๋กœ ๋นŒ๋“œ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋Ÿฐํƒ€์ž„(์‹คํ–‰) ํ™˜๊ฒฝ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ธŒ๋ผ์šฐ์ € ์™ธ์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅ์ด๋ฒคํŠธ ๋ฃจํ”„ ๊ธฐ๋ฐ˜์˜ ๋น„๋™๊ธฐ ๋ฐฉ์‹์œผ๋กœ Non-Blocking I/O ์ง€์›(์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค]์ •๋ ฌ - k๋ฒˆ์งธ์ˆ˜

๋ฐฐ์—ด array์˜ i๋ฒˆ์งธ ์ˆซ์ž๋ถ€ํ„ฐ j๋ฒˆ์งธ ์ˆซ์ž๊นŒ์ง€ ์ž๋ฅด๊ณ  ์ •๋ ฌํ–ˆ์„ ๋•Œ, k๋ฒˆ์งธ์— ์žˆ๋Š” ์ˆ˜๋ฅผ ๊ตฌํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค.์˜ˆ๋ฅผ ๋“ค์–ด array๊ฐ€ 1, 5, 2, 6, 3, 7, 4, i = 2, j = 5, k = 3์ด๋ผ๋ฉดarray์˜ 2๋ฒˆ์งธ๋ถ€ํ„ฐ 5๋ฒˆ์งธ๊นŒ์ง€ ์ž๋ฅด๋ฉด 5, 2, 6, 3์ž…๋‹ˆ

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

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋ฌธ์ž์—ด ๋ฆฌํ„ฐ๋Ÿด์— ๊ด€ํ•˜์—ฌ

๋ฆฌํ„ฐ๋Ÿด(literal) ์ด๋ž€ ์†Œ์Šค ์ฝ”๋“œ์˜ ๊ณ ์ •๋œ ๊ฐ’์„ ๋Œ€ํ‘œํ•˜๋Š” ์šฉ์–ด

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

esbuild ์‚ฌ์šฉํ•ด๋ณด์ž! (+ yarn berry)

ํ”„๋กœ์ ํŠธ ํŒŒ์ผ ์ƒ์„ฑ ํ”„๋กœ์ ํŠธ ํŒŒ์ผ ์ƒ์„ฑ yarn ๋ฒ„์ „ ๋ณ€๊ฒฝ packageManager ์ดˆ๊ธฐํ™” esbuild ๋ฒˆ๋“ค๋Ÿฌ ์ถ”๊ฐ€ ์˜์กด์„ฑ ์ถ”๊ฐ€ ๊ฐœ๋ฐœ ์˜์กด์„ฑ ์ถ”๊ฐ€ tsc ์ดˆ๊ธฐํ™” index.html ์ถ”๊ฐ€ ` index.html ์ˆ˜์ • src ๋ฐ App.tsx ์ถ”๊ฐ€

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

ARIA ๋ž€

(Accessible Rich Internet Applications, ARIA)์€ ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž๊ฐ€ ์›น ์ฝ˜ํ…์ธ ์™€ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋” ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ •์˜

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

7. apollo:codegen ํ™œ์šฉํ•˜๊ธฐ

\_์ฐธ๊ณ : https://www.apollographql.com/docs/react/development-testing/developer-tooling/\`\`\`javascriptconst loginMutation = useMutation<login,

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

6. pagination ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•

pagination ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ๋Š” 2๊ฐ€์ง€๊ฐ€ ์žˆ๋‹คoffset paginationtkskip, take ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜จ๋‹คํŽ˜์ด์ง€์— 15๊ฐœ์”ฉ๋งŒ ๋ Œ๋”๋ง ๋œ๋‹ค๋Š” ๊ฐ€์ •ํ•˜์— ํด๋ผ์ด์–ธํŠธ์—์„œ page: 1 ๋ผ๋Š” ๊ฐ’์„ ๋˜์ ธ์ฃผ๋ฉด ๋””๋น„์— skip: 0(page - 1)

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