profile
๐™’๐™๐™š๐™ง๐™š ๐™ฉ๐™๐™š๐™ง๐™š ๐™ž๐™จ ๐™– ๐™ฌ๐™ž๐™ก๐™ก ๐™ฉ๐™๐™š๐™ง๐™š ๐™ž๐™จ ๐™– ๐™ฌ๐™–๐™ฎ โœจ
post-thumbnail

๋„ค์ด๋ฒ„ ๋ถ€์ŠคํŠธ์บ ํ”„ ๋ฒ ์ด์ง ์›น 10๊ธฐ ํšŒ๊ณ 

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

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

[TS ์Šคํ„ฐ๋””] ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋ก 

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ๊ณผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ํ™˜๊ฒฝ์„ ์„ค์ •ํ•ด๋ณด์ž

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

[Next.js] Page Router - ๋ Œ๋”๋ง (2) SSG

Page Router์—์„œ SSG๋กœ ์‚ฌ์ „๋ Œ๋”๋ง ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž

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

[Next.js] Page Router - ๋ Œ๋”๋ง (1) SSR

Page Router์—์„œ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์„ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์ž (feat. getServerSideProps ํ•จ์ˆ˜)

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

[Next.js] Page Router - ๋ ˆ์ด์•„์›ƒ ์ ์šฉ

Page Router์—์„œ ๊ธ€๋กœ๋ฒŒ ๋ ˆ์ด์•„์›ƒ๊ณผ ํŽ˜์ด์ง€ ๋ณ„ ๋ ˆ์ด์•„์›ƒ์„ ์ ์šฉํ•˜๋Š” ๋ฒ•์„ ์•Œ์•„๋ณด์ž

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

[Next.js] App Router - Client Component

App Router์—์„œ Client Component์˜ ๋ Œ๋”๋ง ๋ฐฉ์‹์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

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

[Next.js] App Router - Server Component

APP router์—์„œ Server Components๊ฐ€ ์–ด๋–ป๊ฒŒ ๋ Œ๋”๋ง๋˜๋Š” ์•Œ์•„๋ณด์ž

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

[Next.js] Page Router - ๊ฒฝ๋กœ(route) ์ƒ์„ฑ

Next.js Page Router์—์„œ ๊ฒฝ๋กœ ์ƒ์„ฑ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

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

[JS] Set ์ž๋ฃŒํ˜•

๋•Œ๋ก  ๋ฐฐ์—ด๋ณด๋‹ค ์œ ์šฉํ•œ Javascript Set ์ž๋ฃŒํ˜•์„ ์‚ดํŽด๋ณด์ž

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

React Ref ์–ธ์ œ ์‚ฌ์šฉํ•ด์•ผํ• ๊นŒ?

๐Ÿ’ซ Ref๋ž€ React์—์„œ ref๋Š” ์–ด๋–ค ํ˜•ํƒœ์˜ ๊ฐ’์ด๋“  ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๋ณ€์ˆ˜๋กœ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋‹ค. React์—์„œ useRef Hook์„ ๊ฐ€์ ธ์™€ ์ปดํฌ๋„ŒํŠธ์— ref๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„๋ž˜๋Š” ref์˜ ๊ตฌ์กฐ์ด๋‹ค. ref๋Š” ์ฝ๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋Š” current ํ”„๋กœํผํ‹ฐ๋ฅผ ๊ฐ€

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

[React] Styled Component์˜ ๋ชจ๋“  ๊ฒƒ

Styled Component์˜ ํ•ต์‹ฌ ์‚ฌ์šฉ๋ฒ•์„ ์ตœ๋Œ€ํ•œ ๊ฐ„๋žตํžˆ ๊น”๋”ํ•˜๊ฒŒ ๐Ÿค”

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

[๋ฉ”ํƒ€๋ฒ„์Šค ์ฝ˜ํ…Œ์ŠคํŠธ ์ผ์ง€] ZEP ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๊ตฌ์ถ•

์–ด์„œ์™€, ๋ฉ”ํƒ€๋ฒ„์Šค ๊ฐœ๋ฐœ์€ ์ฒ˜์Œ์ด์ง€?

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

[1] Typescript ์„ค์น˜ ํ™˜๊ฒฝ ๊ตฌ์ถ•

package.json ์ƒ์„ฑ node.js์™€ vscode๊ฐ€ ์„ค์น˜ ๋˜์–ด ์žˆ๋‹ค๊ณ  ๊ฐ€์ •ํ•˜๊ณ  ์‹œ์ž‘ํ•œ๋‹ค. ์ƒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ํด๋”๋ฅผ vscode๋กœ ์—ด๊ณ  ํ„ฐ๋ฏธ๋„์„ ์ผœ ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•œ๋‹ค. npm init ์„ ํ†ตํ•ด ์ƒˆ ํ”„๋กœ์ ํŠธ์˜ npm package๋ฅผ ์ดˆ๊ธฐํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค.

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