profile
โœจ๐ŸŒํ™•์žฅํ•ด ๋‚˜๊ฐ€๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹คโœ๏ธ
post-thumbnail

ํ”„๋ฆฌํŒจ์นญ

ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์ „์— ๋ถˆ๋Ÿฌ์˜จ๋‹ค.์‚ฌ์šฉ์ž๊ฐ€ ๋งํฌ๋ฅผ ๋ˆ„๋ฅด๊ธฐ์ „์— ๋ฏธ๋ฆฌ ํŽ˜์ด์ง€๋“ค์„ ์ค€๋น„ํ•จ๊ฐ ํŽ˜์ด์ง€์˜ ์†Œ์Šค๋งŒ ๋ณด๋‚ด์ค€๋‹ค.๋ชจ๋“  ํŽ˜์ด์ง€๋ฅผ ๋ฒˆ๋“ค ํŒŒ์ผ์„ ์ „๋‹ฌํ•˜๋ฉด ํ•˜์ด๋“œ๋ ˆ์ด์…˜์ด ๋Šฆ์–ด์ง„๋‹ค.์ด์ „์—๋Š” ํ˜„์žฌ ์ ‘์†์š”์ฒญํ•œ jsํŒŒ์ผ๋งŒ ๋ณด๋‚ด์คŒ๊ทธ๋ž˜์„œ JSํŒŒ์ผ์„ ๊ฐ๊ฐ ๊ทธ๋•Œ๋งˆ๋‹ค ๋ณด๋‚ด์ค˜์•ผํ–„\-- ๊ทธ๋ž˜์„œ\~\~~์ด

4์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

๋„ค๋น„๊ฒŒ์ดํŒ…

์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ํŠน์ •์กฐ๊ฑด์ด ๋งŒ์กฑํ•˜๊ฑฐ๋‚˜ ํŽ˜์ด์ง€๋ฅผ ์ด๋ ‡๊ฒŒ ์ด๋™์‹œํ‚ฌ์ˆ˜ ์žˆ๋‹ค.

4์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Next.js] ํŽ˜์ด์ง€ ๋ผ์šฐํŒ… ์„ค์ •ํ•˜๊ธฐ

ํŽ˜์ด์ง€ ๋งŒ๋“œ๋Š”๋ฐฉ๋ฒ• ํด๋”๋ฅผ ๋งŒ๋“ค๊ณ  ๊ทธ ๋ฐ‘์— ์ธํ…์Šค ํŒŒ์ผ์„ ๋งŒ๋“ค์–ด๋„ ๋จ. ๊ทธ๋ƒฅ ํŒŒ์ผ ์ด๋ฆ„์œผ๋กœ ๋งŒ๋“ค์–ด๋„๋จ. 1) 2) useRouter ๐Ÿ’™ next/router = page router ๐Ÿ’™ next/navigation = app router ๋ผ์šฐํ„ฐ๋ฅผ ์ปดํฌ๋„ŒํŠธ ์•ˆ์—

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

Next.js] Page Router ๋ž€?

ํŽ˜์ด์ง€๋ฅผ ๋ถ„ํ• ํ•˜์—ฌ ์ด๋™ํŽ˜์ด์ง€ ํด๋” ์•„๋ž˜ ํŒŒ์ผ์ด๋ฆ„์„ ๊ธฐ์ค€์œผ๋กœ ํŽ˜์ด์ง€๊ฐ€ ๋งŒ๋“ค์–ด์ง๋…ธ๋“œ ํŽ˜ํ‚ค์ง€ ์ต์„ธํํŠธnpmjs.com์— ์žˆ๋Š” ์ตœ์‹ ๋ฒ„์ „ ๋…ธ๋“œํŒจํ‚ค์ง€๋ฅผ ๋‹ค์šด๋กœ๋“œ์—†์ด ๋ฐ”๋กœ ์‹คํ–‰ํŽ˜์ด์ง€์Šค ํด๋” ์•„๋ž˜๋กœ ๋ผ์šฐํ„ฐ๊ฐ€ ์ง€์ •๋จ.page ์•ˆ์— index.js ๊ฐ€ ์ œ์ผ ๋ฉ”์ธ ํŽ˜์ด์ง€์•ฑ ์ปดํฌ๋„ŒํŠธ๋ชจ๋“  ํŽ˜

2024๋…„ 8์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Next.js] ์‚ฌ์ „ ๋žœ๋”๋ง์ด๋ž€?

์ดˆ๊ธฐ์ ‘์† ์ดํ›„์—๋Š” ๋นจ๋ผ์ง์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒˆ๋“ค์— ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ ์ฝ”๋“œ๊ฐ€ ์กด์žฌ/ ์ „์ฒด ์ฝ”๋“œ๋งŒ ๋‹ค ๋ถˆ๋Ÿฌ์˜ค๋ฉด ๋‚˜์ค‘์—” ๋นจ๋ผ์ง์„œ๋ฒ„์— ์ƒˆ๋กœ์šด ์š”์ฒญ ์•ˆํ•ด๋„ ๋จ. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ž์ฒด์ ์œผ๋กœ ์ ์ ˆํžˆ ๊ฐˆ์•„๋ผ์›€.๐Ÿ˜•์ดˆ๊ธฐ ์ ‘์†์†๋„๊ฐ€ ๋Š๋ ค์ง„๋‹ค.๐Ÿค”FCP๊ฐ€ ๋Š๋ ค์ง„๋‹ค.์žฅ์ : ์ดˆ๊ธฐ ์ ‘์† ์ดํ›„์— ํŽ˜

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

next.js ์‹œ์ž‘!

NEXT.js ๋ž€?

2024๋…„ 8์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

์‹ ์ž… ๊ฐœ๋ฐœ์ž๋กœ ๋Œ์•„์™”์Šต๋‹ˆ๋‹ค!๐Ÿค

์ œ๊ฐ€ ๋“œ.๋””.์–ด ์‹ ์ž…๊ฐœ๋ฐœ์ž๋กœ ๋Œ์•„์™”์Šต๋‹ˆ๋‹ค~! ํ˜„์žฌ ํšŒ์‚ฌ๋‹ค๋‹Œ์ง€ 3๊ฐœ์›” ๋ฐ˜ ๋˜์—ˆ๋„ค์š” ์‹œ๊ฐ„์ด ์ •๋ง ๋น ๋ฆ…๋‹ˆ๋‹ค์ด์ œ ์ •์‹ ์ฐจ๋ฆฌ๊ณ  ๊ณต๋ถ€ ์‹œ์ž‘ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค์š”๋‹ค์‹œ ํ™”์ดํŒ…\~~!!!

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

[๐Ÿ€์ฝ”ํ…Œ] ๋ฌธ์ œ2 - ๊ฐœ๋…์ •๋ฆฌ

๋‹ต์•ˆ๊ฐ•์˜๋ˆˆ๋– ๋ณด๋‹ˆ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ „๋‚  - ์ œ์ฝ”๋ฒ 

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

[๐Ÿ€์ฝ”ํ…Œ] ๋ฌธ์ œ1 - ๊ฐœ๋…์ •๋ฆฌ

โœ๏ธ๋ฌธ์ œ1 - ์•”ํ˜ธ๋ฅผ ํ•ด๋…ํ•ด๋ผ! ๐Ÿ‘จโ€๐Ÿซ์ •๊ทœ์‹ : / /g / /g: ์ „์ฒด ๊ณต๋ฐฑ /\+/g: ์ „์ฒด +(ํ”Œ๋Ÿฌ์Šค) +๋Š” ํ‘œํ˜„์‹์ด ์žˆ์–ด์„œ \์ด ์žˆ์–ด์•ผํ•œ๋‹ค. ๐Ÿ‘จโ€๐Ÿซreplace('/ /g','') ๋ชจ๋“  ๊ณต๋ฐฑ์„ ์—†์• ์ค˜. ๐Ÿ‘จโ€๐Ÿซ๋ฌธ์ž ์ธ์ฝ”๋”ฉ ๋ฌธ์ž๋‚˜ ๊ธฐํ˜ธ๋“ค์˜ ์ง‘ํ•ฉ์„ ์ปดํ“จํ„ฐ์—์„œ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ• ์•„์Šคํ‚ค ์ฝ”๋“œ ๐Ÿค” 2์ง„๋ฒ• ์ฝ”๋“œ๋ฅผ ์‹ญ์ง„๋ฒ•์œผ๋กœ ๋ฐ”๊พธ๊ณ  ๋ฌธ์ž๋กœ...

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

[๐Ÿ‘จโ€๐Ÿซ๋ฉด์ ‘]ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ ๋ฉด์ ‘ ์ •๋ฆฌ(js ํŽธ)

(์ •๋ฆฌํ•˜๋ฉด์„œ ์“ฐ๋Š”์ค‘....)

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

Next.js] useNavigate์™€ useRouter/ ๋ฆฌ์•กํŠธ ํŒŒ์ผ Next.jsํŒŒ์ผ๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ

๋ฆฌ์•กํŠธ ํŒŒ์ผ,ย Next.jsํŒŒ์ผ๋กœ ๋ณ€๊ฒฝํ•˜๊ธฐ

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

Next.js] ISR (์ฆ๋ถ„ ์ •์  ์žฌ์ƒ์„ฑ)

SSG ISR: ์ผ์ •์‹œ๊ฐ„์ด ์ง€๋‚˜๋ฉด ์ตœ์‹ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ˜์˜ํ•˜๋Š” ๊ธฐ์ˆ !! ISR = SSG + SSR ![](https://velog.velcdn.com/images/jjang_

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

Next.js] SSG

SSG(์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ) ์ดํ•ดํ•˜๊ธฐ ![](https://velog.velcdn.com/images/jjang_hyo/post/b0f71c24-10be-4c14-8f55-008c

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

Next.js] SSR(์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง)/getServerSideProps/ context

SSR(์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง)

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

Next.js router/ ํŽ˜์ด์ง€ ์ด๋™ / ๋ฒ„ํŠผ์— ํŽ˜์ด์ง€ ์ด๋™ ๊ธฐ๋Šฅ/ push()/Layout

๐Ÿšจ์—๋Ÿฌ๋ฐœ์ƒ Next.js - Parsing error: Cannot find module 'next/babel' ...\-> https://velog.io/@nemo/nextjs-parsing-errorcode.js = country๋’ค์— ๊ฒฝ๋กœ ๋ถ™์ผ์ˆ˜์žˆ์Œ...

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

Next.js] Next.js๋ž€?

ํ”„๋กœ์ ํŠธ๋กœ ๋ฐฐ์šฐ๋Š” React.js & Next.js ๋งˆ์Šคํ„ฐ๋ฆฌ ํด๋ž˜์Šค - ์ด์ •ํ™˜ ๊ฐ•์‚ฌ

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

[ํ”„๋กœ์ ํŠธ] ์นœ๊ตฌ ์‹ ์ฒญ ๋ชฉ๋ก์„ ๋งŒ๋“ค์–ด๋ณด์ž

[ํ”„๋กœ์ ํŠธ] ์นœ๊ตฌ ์‹ ์ฒญ ๋ชฉ๋ก ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ์นœ๊ตฌ ์‹ ์ฒญ ๋ชฉ๋ก ๋ถ€๋ถ„์„ ๋‹ด๋‹นํ•˜๊ฒŒ ๋๋‹ค. ์นœ๊ตฌ ๊ฒ€์ƒ‰ ์นœ๊ตฌ ์‹ ์ฒญ ๋ณด๋‚ด๊ธฐ ์นœ๊ตฌ ์‹ ์ฒญ ๋ฐ›์•„์„œ ์ˆ˜๋ฝ, ๊ฑฐ์ ˆํ•˜๊ธฐ ์นœ๊ตฌ ์‹ ์ฒญ ์ˆ˜๋ฝํ•˜๋ฉด ๋™์‹œ์— ์„œ๋กœ์˜ ์นœ๊ตฌ ๋ฆฌ์ŠคํŠธ์— ์ถœ๋ ฅ ์ด๋ฒˆ์—๋Š” supabase๋ฅผ ์จ๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ์–ด๋–ป๊ฒŒ ํ…Œ์ด๋ธ”๊ณผ ๋กœ

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

[์ž๊ฒฉ์ฆ] ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ํ•„๊ธฐ ํ•ฉ๊ฒฉ (2024๋…„ 1ํšŒ์ฐจ)

๐Ÿ‘‘์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ํ•„๊ธฐ ํ•ฉ๊ฒฉ ํ›„๊ธฐ (2024๋…„ 1ํšŒ์ฐจ) ์–ด์ œ 3์›” 5์ผ 2์‹œ 10๋ถ„์— '๊ฐ•์„œ CBT'์—์„œ ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ์‹œํ—˜์„ ๋ดค๋‹ค! ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋ ค๋ฉด IT์˜ ์ง€์‹์ด ํ•„์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ด ๊ณต๋ถ€ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ž์„ธํžˆ ํ›„๊ธฐ๋ฅผ ์จ๋ณด๊ฒ ๋‹ค. ๐Ÿ“ฃ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ์‹ ์ฒญ๋ฐฉ๋ฒ•(2024๋…„ ๊ธฐ์ค€)

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

[์ฝ”ํ…Œ] ํŒฉํ† ๋ฆฌ์–ผ ๋ฐฉ๋ฒ• (while๋ฌธ)

ํŒฉํ† ๋ฆฌ์–ผ ๋ฐฉ๋ฒ• (while๋ฌธ)

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

[์ฝ”ํ…Œ] JS ๋ฌธ์ž์—ด, ๋ฐฐ์—ด ์ค‘๋ณต ์‚ญ์ œ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋ฌธ์ž์—ด, ๋ฐฐ์—ด ์ค‘๋ณต ์‚ญ์ œ๋ฅผ ํ•ด๋ณด์ž!new Set() ์„ ์‚ฌ์šฉํ•œ๋‹ค2.indexOf๋ฅผ ์ฐพ์•„์„œ ํ•ด๋‹น ์ฒซ๋ฒˆ์งธ index์™€ ์ผ์น˜ํ•˜๋Š” ๊ฒƒ๋งŒ filter!!

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