profile
์ปคํ”ผ์™€ ์žฌ์ฆˆ๋ฅผ ์ข‹์•„ํ•˜๋Š” ์ฝ”๋ฆฐ์ด | ์ข‹์€ ๊ธ€ ์ข‹์€ ์ฝ”๋“œ๋ฅผ ์“ฐ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค 0๋‹จ๊ณ„, ์ด๊ฒƒ๋งŒ ์•Œ๊ณ  ๋„˜์–ด๊ฐ€์ž!(1)

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค 0๋‹จ๊ณ„ ๋ฌธ์ œ๋ฅผ ํ’€๋ฉด์„œ ๋†“์น˜๊ธฐ ์‰ฌ์› ๋˜ ๋ถ€๋ถ„, ์•Œ์•„๋‘๋ฉด ์ข‹์€ ๋ถ€๋ถ„์„ ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค.๐Ÿ™‚

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

ํˆฌ๋‘๋ฆฌ์ŠคํŠธ ๊ณผ์ œ ํ›„๊ธฐ

ํˆฌ๋‘๋ฆฌ์ŠคํŠธ ๊ณผ์ œ ํ›„๊ธฐ

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

๋””๋ฐ”์šด์Šค, ์“ฐ๋กœํ‹€, ๊ทธ๋ฆฌ๊ณ  Intersection Observer API

ํ•™์Šต ๊ณ„๊ธฐ ์ตœ๊ทผ์— React Query ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๊ณ  ์žˆ๋Š”๋ฐ, React Query๋กœ ๋ฌดํ•œ์Šคํฌ๋กค(Infinite Scroll)์„ ํŽธ๋ฆฌํ•˜๊ธฐ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค. ๋งˆ์นจ ํŒ€ํ”„๋กœ์ ํŠธ์—์„œ ๋ฌดํ•œ ์Šคํฌ๋กค์„ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์„ ์šฐ์„ ์ ์œผ๋กœ ๊ตฌํ˜„ํ•˜๋А๋ผ ๋ฏธ๋ค„๋‘์—ˆ๋˜ ๊ฒŒ ๊ธฐ์–ต๋‚˜์„œ ๋ฌดํ•œ์Šคํฌ๋กค์„ ์—ฐ์Šตํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค. React Query์—์„œ ๊ตฌํ˜„ํ•˜๊ธฐ ์ „์—, ์ผ...

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

3๊ฐ• 0๊ณผ 1๋กœ ์ˆซ์ž๋ฅผ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•

๐Ÿค– ์ปดํ“จํ„ฐ๊ฐ€ ์ดํ•ดํ•˜๋Š” ์ˆซ์ž๋Š” ์–ด๋–ป๊ฒŒ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์„๊นŒ?

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

2๊ฐ• ์ปดํ“จํ„ฐ ๊ตฌ์กฐ์˜ ํฐ ๊ทธ๋ฆผ

๐Ÿค– ์ปดํ“จํ„ฐ ๊ตฌ์กฐ๋Š” ์ปดํ“จํ„ฐ๊ฐ€ ์ดํ•ดํ•˜๋Š” ์ •๋ณด / ์ปดํ“จํ„ฐ์˜ 4๊ฐ€์ง€ ํ•ต์‹ฌ ๋ถ€ํ’ˆ์œผ๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋‹ค

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

1๊ฐ• ์ปดํ“จํ„ฐ ๊ตฌ์กฐ๋ฅผ ์•Œ์•„์•ผ ํ•˜๋Š” ์ด์œ 

๐Ÿค– ๋ฌธ์ œ ํ•ด๊ฒฐ ๋Šฅ๋ ฅ + ์„ฑ๋Šฅ,์šฉ๋Ÿ‰,๋น„์šฉ์„ ์ƒ๊ฐํ•˜๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์ž

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

react-hook-form ์—๋Ÿฌ ํ•ด๊ฒฐ ๊ณผ์ •(feat. Ref์™€ ๋น„์ œ์–ด ์ปดํฌ๋„ŒํŠธ)

๐ŸŒผ React Hook Form์„ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์กฐ๊ธˆ ๋” ์•Œ๊ฒŒ ๋œ ref

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

๋ฆฌ์•กํŠธ์—์„œ ์šฉ๋„์— ๋งž๊ฒŒ ํŽ˜์ด์ง€ ์ด๋™์‹œํ‚ค๊ธฐ

๐ŸŒผ react-router์˜ Link, useNavigate, NavLink๋ฅผ ์œ„์ฃผ๋กœ ๋น„๊ตํ•˜๊ณ  ํ™œ์šฉ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

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

์Šฌ๋ผ์ด๋”ฉ ์œˆ๋„์šฐ

๐ŸŒผ ์Šฌ๋ผ์ด๋”ฉ ์œˆ๋„์šฐ

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

ํˆฌํฌ์ธํ„ฐ

๐ŸŒผ ํˆฌํฌ์ธํ„ฐ

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

๋นˆ๋„์ˆ˜ ์„ธ๊ธฐ ํŒจํ„ด

๐ŸŒผ ๋นˆ๋„์ˆ˜ ์„ธ๊ธฐ ํŒจํ„ด

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

2022๋…„ ์—ฐ๋ง์„ ์•ž๋‘” ์ทจ์ค€์ƒ์˜ ์ธ์ƒ ๋Œ์•„๋ณด๊ธฐ

๐ŸŒผ ์ž‘๊ณ  ์ดˆ๋ผํ•œ ์ธ์ƒ์˜ ๊ฒฝํ—˜์—์„œ๋„ ์–ด๋–ป๊ฒŒ๋“  ์ ๋“ค์„ ์ด์–ด๋ณด๊ธฐ

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

์„ฑ๊ฒฉ ์œ ํ˜• ๊ฒ€์‚ฌ

๐ŸŒผ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Level1 - ์„ฑ๊ฒฉ ์œ ํ˜• ๊ฒ€์‚ฌ

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

์ง์ง€์–ด ์ œ๊ฑฐํ•˜๊ธฐ / ํ”„๋ฆฐํ„ฐ

๐ŸŒผ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Level2 - ์ง์ง€์–ด ์ œ๊ฑฐํ•˜๊ธฐ / ํ”„๋ฆฐํ„ฐ

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

์ตœ๋Œ€ ๊ณต์•ฝ์ˆ˜์™€ ์ตœ์†Œ ๊ณต๋ฐฐ์ˆ˜

๐ŸŒผ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Level1 - ์ตœ๋Œ€ ๊ณต์•ฝ์ˆ˜์™€ ์ตœ์†Œ ๊ณต๋ฐฐ์ˆ˜

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

JadenCase ๋ฌธ์ž์—ด ๋งŒ๋“ค๊ธฐ / ์ด์ง„ ๋ณ€ํ™˜ ๋ฐ˜๋ณตํ•˜๊ธฐ

๐ŸŒผ ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค Level2 - JadenCase ๋ฌธ์ž์—ด ๋งŒ๋“ค๊ธฐ / ์ด์ง„ ๋ณ€ํ™˜ ๋ฐ˜๋ณตํ•˜๊ธฐ

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

๋กœ๊ทธ์ธ ๋ณต์Šต

์ฟ ํ‚ค, ์„ธ์…˜, ํ† ํฐ

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

Binding element 'children' implicitly has an 'any' type

๐Ÿ†˜ ๋ฆฌ์•กํŠธ children ๊ด€๋ จ ์—๋Ÿฌ

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

styled-components ์ดˆ๊ธฐ ์„ธํŒ…

๐ŸŒผ ๋‚ด๊ฐ€ ์“ฐ๋ ค๊ณ  ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋‘” styled-components ์ดˆ๊ธฐ ์„ธํŒ… boilerplate

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