profile
๐™’๐™๐™š๐™ง๐™š ๐™ฉ๐™๐™š๐™ง๐™š ๐™ž๐™จ ๐™– ๐™ฌ๐™ž๐™ก๐™ก ๐™ฉ๐™๐™š๐™ง๐™š ๐™ž๐™จ ๐™– ๐™ฌ๐™–๐™ฎ โœจ
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๋ฅผ ์ดˆ๊ธฐํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค. -y ์˜ต์…˜์€ ์ƒ์„ฑํ•  ๋•Œ ์งˆ๋ฌธ์„ ๋ฌป๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋Š” ๋ฐ ์ด์— ๋Œ€ํ•ด ๋ชจ๋‘ yes๋กœ ๋Œ€๋‹ตํ•˜๊ณ  ์‹ค...

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