profile
๐ŸŽจ๊ทธ๋ฆผ์„ ์ข‹์•„ํ•˜๋Š” FE ๊ฐœ๋ฐœ์ž๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (42)JavaScript(18)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(17)์•Œ๊ณ ๋ฆฌ์ฆ˜(7)React(6)nextjs(3)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์™„๋ฒฝ๊ฐ€์ด๋“œ(3)๋ฆฌ์•กํŠธ(3)ํ”„๋ก ํŠธ์—”๋“œ(3)๋น„๋™๊ธฐ(2)DFS(2)๊ทธ๋ž˜ํ”„(2)์ฑ…์ •๋ฆฌ(2)socket.io(2)ํ”„๋กœ์ ํŠธ(2)๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ(2)aos(2)algorithm(2)์˜ค๋ฅ˜(2)์›น ์ ‘๊ทผ์„ฑ(1)undefined(1)๊ธฐ์–ต๋ชปํ•จ(1)cors(1)front end(1)web(1)์Šค์ผˆ๋ ˆํ†ค UI(1)์›น๋ฐ”์ดํƒˆ(1)promise(1)๋ฆฌํŽ˜์ธํŠธ(1)๋™๊ธฐ(1)currentColor(1)URI(1)๋ฐฑํŠธ๋ ˆํ‚น(1)์˜ฌ๋ฐ”๋ฅธ ์›๋ณธ ๊ฒฝ๋กœ/URL์ด ์•„๋‹™๋‹ˆ๋‹ค(1)์™ธ๋ถ€ ์ด๋ฏธ์ง€(1)referer(1)403(1)์•ฑ ์บ์‹ฑ(1)๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง(1)์ƒํƒœ(1)์›น ๋ทฐ(1)์Šค์ผˆ๋ ˆํ†ค(1)sourcetree(1)์ด๋ฏธ์ง€(1)ํ”„๋กœ๋ฏธ์Šค(1)ํ”Œ๋กœ์ด๋“œ-์™€์ƒฌ(1)ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ(1)์†Œ์ˆ˜์ฐพ๊ธฐ(1)๋ธŒ๋ผ์šฐ์ €(1)url(1)color(1)sourcetree ์˜ค๋ฅ˜(1)N Queens(1)permission denied(1)floyd-warshall(1)์›น๊ณผ ๋„คํŠธ์›Œํฌ(1)pre-rendering(1)useRouter(1)์–ดํœ˜๊ตฌ์กฐ(1)CLS(1)์ฝœ๋ฐฑ ํ•จ์ˆ˜(1)์ด๋ถ„ํƒ์ƒ‰(1)union and find(1)webview(1)ํƒ€์ž… ๊ฐ’ ๋ณ€์ˆ˜(1)useState(1)referrer-policy(1)์•ˆ๋“œ๋กœ์ด๋“œ(1)ํ•จ์ˆ˜์„ ์–ธ๋ฌธ(1)์ปดํฌ๋„ŒํŠธ ๋™์ ์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ธฐ(1)useInfiniteQuery(1)oauth2(1)img(1)๋ฐฑ์—”๋“œ ์„œ๋ฒ„(1)isReady(1)๋„คํŠธ์›Œํฌ(1)ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ(1)์ฝœ๋ฐฑ ์ง€์˜ฅ(1)๊ฐ€๋น„์ง€ ์ปฌ๋ ‰ํ„ฐ(1)ํ•จ์ˆ˜๋ฆฌํ„ฐ๋Ÿด(1)์—๋ผํ† ์Šคํ…Œ๋„ค์Šค์˜ ์ฒด(1)์‹ค์‹œ๊ฐ„์ฑ„ํŒ…(1)google oauth2(1)setState ๋น„๋™๊ธฐ(1)2์žฅ(1)3์žฅ(1)๊ณต์‹๋ฌธ์„œ(1)scroll(1)iOS(1)์†Œ์ผ“(1)ํ”„๋ก ํŠธ ์„œ๋ฒ„(1)BFS(1)์ด์Šˆ(1)react-query(1)local storage(1)useInView(1)useRef(1)CSS(1)๋ฆฌํ”Œ๋กœ์šฐ(1)html(1)์ธํ„ด(1)webvital(1)๋ฌดํ•œ ์Šคํฌ๋กค(1)๋ฒ„ํŠผ(1)๋ฆฌ๋ Œ๋”๋ง(1)Backtraking(1)CSR(1)SSR(1)ํ•™์ ์—ฐ๊ณ„(1)localstorage(1)์—๋Ÿฌ(1)issue(1)๊ฒŒ์ž„(1)bitbucket(1)ssh ํ‚ค(1)infinite scroll(1)regexp(1)๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€(1)referrer(1)setState(1)์‹คํ–‰ ์ปจํ…์ŠคํŠธ(1)์ด๋ฏธ์ง€ ๋™์ ์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ธฐ(1)icon(1)seo(1)Binary Search(1)ssg(1)์ด๋ฏธ์ง€ ์ตœ์ ํ™”(1)์•„ํ† ๋ฏน ๋””์ž์ธ(1)atomic design(1)svg(1)params(1)react intersection observer(1)13์žฅ(1)Stroke(1)์›น๋ทฐ(1)FE(1)reflow(1)๋ฆฌ๋ Œ๋”๋ง ์•ˆ๋จ(1)์›น ํ‘œ์ค€(1)Spring(1)์Šคํฌ๋กค(1)ํ•ฉ์ง‘ํ•ฉ ์ฐพ๊ธฐ(1)no-referrer(1)WAI-ARIA(1)sop(1)๋…ธ๋งˆ๋“œ์ฝ”๋”(1)์ •๊ทœํ‘œํ˜„์‹(1)์„ ์–ธํ˜•(1)

NextJS | useRouter() params undefined issue

์ถœ์„ ์ด๋ฒคํŠธ ํŽ˜์ด์ง€์—์„œ URL์˜ params์˜ date ๊ฐ’์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•ด๋‹น ๋‚ ์งœ์˜ ์ด๋ฒคํŠธ ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋ง ํ•˜๊ณ  ์žˆ๋‹ค. ๋งŒ์•ฝ date ๊ฐ’์ด ์ง€๊ธˆ ์ง„ํ–‰ํ•˜๋Š” ์ด๋ฒคํŠธ์˜ ๋‚ ์งœ์™€ ์ผ์น˜ํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์ง„ํ–‰์ค‘์ธ ์ด๋ฒคํŠธ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ๋ผ๋Š” ๊ฒฝ๊ณ ๋ฅผ ๋„์šฐ๊ณ  ํŽ˜์ด์ง€ ์ ‘๊ทผ์„ ์ œํ•œํ•œ๋‹ค.ํ•˜์ง€๋งŒ ์ •์ƒ

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

NextJS ๊ณต์‹ ๋ฌธ์„œ ์ •๋ฆฌ (12๋ฒ„์ „ ๊ธฐ์ค€)

๊ณต์‹ ๋ฌธ์„œ: Next.js by Vercel - The React FrameworkLearn | Next.js๋ Œ๋”๋ง: ๋ฆฌ์•กํŠธ์—์„œ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ HTML ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฒƒSSR ๊ณผ ์ •์  ์‚ฌ์ดํŠธ๋Š” Pre-Rendering ์ด๋ผ๊ณ ๋„ ๋ถ€๋ฅธ๋‹ค.์™ธ๋ถ€ ๋ฐ์ดํ„ฐ๋ฅผ fetchํ•ด์„œ ๋ฆฌ์•กํŠธ์˜

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

NextJS ์‹œ์ž‘ํ•˜๊ธฐ - ๋…ธ๋งˆ๋“œ์ฝ”๋” ์ •๋ฆฌ

node ๋ฒ„์ „์ด 14 ์ดํ•˜๋ฉด next app์ด ๋™์ž‘ํ•˜์ง€ ์•Š์Œ.M1 ๋…ธํŠธ๋ถ์˜ ๊ฒฝ์šฐ์—” node_modules๋ฅผ ๋‹ค์‹œ์„ค์น˜ํ•ด์•ผํ•  ์ˆ˜๋„ ์žˆ์Œ...๊ฐœ๋ฐœ์ž๊ฐ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ถˆ๋Ÿฌ์™€์„œ ์‚ฌ์šฉํ•จ๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๋•Œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋จํด๋” ๊ตฌ์กฐ, ์–ธ์ œ ์–ด๋–ค ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ฌ์ง€ ๊ฐœ๋ฐœ์ž๊ฐ€

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