ํ์ด์ง๋ฅผ ์ฌ์ ์ ๋ถ๋ฌ์จ๋ค.์ฌ์ฉ์๊ฐ ๋งํฌ๋ฅผ ๋๋ฅด๊ธฐ์ ์ ๋ฏธ๋ฆฌ ํ์ด์ง๋ค์ ์ค๋นํจ๊ฐ ํ์ด์ง์ ์์ค๋ง ๋ณด๋ด์ค๋ค.๋ชจ๋ ํ์ด์ง๋ฅผ ๋ฒ๋ค ํ์ผ์ ์ ๋ฌํ๋ฉด ํ์ด๋๋ ์ด์ ์ด ๋ฆ์ด์ง๋ค.์ด์ ์๋ ํ์ฌ ์ ์์์ฒญํ jsํ์ผ๋ง ๋ณด๋ด์ค๊ทธ๋์ JSํ์ผ์ ๊ฐ๊ฐ ๊ทธ๋๋ง๋ค ๋ณด๋ด์ค์ผํ\-- ๊ทธ๋์\~\~~์ด
์ปดํฌ๋ํธ ๋ด๋ถ์์ ํน์ ์กฐ๊ฑด์ด ๋ง์กฑํ๊ฑฐ๋ ํ์ด์ง๋ฅผ ์ด๋ ๊ฒ ์ด๋์ํฌ์ ์๋ค.
ํ์ด์ง ๋ง๋๋๋ฐฉ๋ฒ ํด๋๋ฅผ ๋ง๋ค๊ณ ๊ทธ ๋ฐ์ ์ธํ ์ค ํ์ผ์ ๋ง๋ค์ด๋ ๋จ. ๊ทธ๋ฅ ํ์ผ ์ด๋ฆ์ผ๋ก ๋ง๋ค์ด๋๋จ. 1) 2) useRouter ๐ next/router = page router ๐ next/navigation = app router ๋ผ์ฐํฐ๋ฅผ ์ปดํฌ๋ํธ ์์
ํ์ด์ง๋ฅผ ๋ถํ ํ์ฌ ์ด๋ํ์ด์ง ํด๋ ์๋ ํ์ผ์ด๋ฆ์ ๊ธฐ์ค์ผ๋ก ํ์ด์ง๊ฐ ๋ง๋ค์ด์ง๋ ธ๋ ํํค์ง ์ต์ธํํธnpmjs.com์ ์๋ ์ต์ ๋ฒ์ ๋ ธ๋ํจํค์ง๋ฅผ ๋ค์ด๋ก๋์์ด ๋ฐ๋ก ์คํํ์ด์ง์ค ํด๋ ์๋๋ก ๋ผ์ฐํฐ๊ฐ ์ง์ ๋จ.page ์์ index.js ๊ฐ ์ ์ผ ๋ฉ์ธ ํ์ด์ง์ฑ ์ปดํฌ๋ํธ๋ชจ๋ ํ
์ด๊ธฐ์ ์ ์ดํ์๋ ๋นจ๋ผ์ง์๋ฐ์คํฌ๋ฆฝํธ ๋ฒ๋ค์ ์ ๊ทผ ๊ฐ๋ฅํ ๋ชจ๋ ์ปดํฌ๋ํธ ์ฝ๋๊ฐ ์กด์ฌ/ ์ ์ฒด ์ฝ๋๋ง ๋ค ๋ถ๋ฌ์ค๋ฉด ๋์ค์ ๋นจ๋ผ์ง์๋ฒ์ ์๋ก์ด ์์ฒญ ์ํด๋ ๋จ. ๋ธ๋ผ์ฐ์ ๊ฐ ์์ฒด์ ์ผ๋ก ์ ์ ํ ๊ฐ์๋ผ์.๐์ด๊ธฐ ์ ์์๋๊ฐ ๋๋ ค์ง๋ค.๐คFCP๊ฐ ๋๋ ค์ง๋ค.์ฅ์ : ์ด๊ธฐ ์ ์ ์ดํ์ ํ
์ ๊ฐ ๋.๋.์ด ์ ์ ๊ฐ๋ฐ์๋ก ๋์์์ต๋๋ค~! ํ์ฌ ํ์ฌ๋ค๋์ง 3๊ฐ์ ๋ฐ ๋์๋ค์ ์๊ฐ์ด ์ ๋ง ๋น ๋ฆ ๋๋ค์ด์ ์ ์ ์ฐจ๋ฆฌ๊ณ ๊ณต๋ถ ์์ํ๋ ค๊ณ ํฉ๋๋ค์๋ค์ ํ์ดํ \~~!!!
๋ต์๊ฐ์๋๋ ๋ณด๋ ์ฝ๋ฉํ ์คํธ ์ ๋ - ์ ์ฝ๋ฒ
โ๏ธ๋ฌธ์ 1 - ์ํธ๋ฅผ ํด๋ ํด๋ผ! ๐จโ๐ซ์ ๊ท์ : / /g / /g: ์ ์ฒด ๊ณต๋ฐฑ /\+/g: ์ ์ฒด +(ํ๋ฌ์ค) +๋ ํํ์์ด ์์ด์ \์ด ์์ด์ผํ๋ค. ๐จโ๐ซreplace('/ /g','') ๋ชจ๋ ๊ณต๋ฐฑ์ ์์ ์ค. ๐จโ๐ซ๋ฌธ์ ์ธ์ฝ๋ฉ ๋ฌธ์๋ ๊ธฐํธ๋ค์ ์งํฉ์ ์ปดํจํฐ์์ ํํํ๋ ๋ฐฉ๋ฒ ์์คํค ์ฝ๋ ๐ค 2์ง๋ฒ ์ฝ๋๋ฅผ ์ญ์ง๋ฒ์ผ๋ก ๋ฐ๊พธ๊ณ ๋ฌธ์๋ก...
(์ ๋ฆฌํ๋ฉด์ ์ฐ๋์ค....)
๋ฆฌ์กํธ ํ์ผ,ย Next.jsํ์ผ๋ก ๋ณ๊ฒฝํ๊ธฐ
SSG ISR: ์ผ์ ์๊ฐ์ด ์ง๋๋ฉด ์ต์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ํ๋ ๊ธฐ์ !! ISR = SSG + SSR ![](https://velog.velcdn.com/images/jjang_
SSG(์ ์ ์ฌ์ดํธ ์์ฑ) ์ดํดํ๊ธฐ ![](https://velog.velcdn.com/images/jjang_hyo/post/b0f71c24-10be-4c14-8f55-008c
SSR(์๋ฒ์ฌ์ด๋ ๋ ๋๋ง)
๐จ์๋ฌ๋ฐ์ Next.js - Parsing error: Cannot find module 'next/babel' ...\-> https://velog.io/@nemo/nextjs-parsing-errorcode.js = country๋ค์ ๊ฒฝ๋ก ๋ถ์ผ์์์...
ํ๋ก์ ํธ๋ก ๋ฐฐ์ฐ๋ React.js & Next.js ๋ง์คํฐ๋ฆฌ ํด๋์ค - ์ด์ ํ ๊ฐ์ฌ
[ํ๋ก์ ํธ] ์น๊ตฌ ์ ์ฒญ ๋ชฉ๋ก ์ด๋ฒ ํ๋ก์ ํธ์์ ์น๊ตฌ ์ ์ฒญ ๋ชฉ๋ก ๋ถ๋ถ์ ๋ด๋นํ๊ฒ ๋๋ค. ์น๊ตฌ ๊ฒ์ ์น๊ตฌ ์ ์ฒญ ๋ณด๋ด๊ธฐ ์น๊ตฌ ์ ์ฒญ ๋ฐ์์ ์๋ฝ, ๊ฑฐ์ ํ๊ธฐ ์น๊ตฌ ์ ์ฒญ ์๋ฝํ๋ฉด ๋์์ ์๋ก์ ์น๊ตฌ ๋ฆฌ์คํธ์ ์ถ๋ ฅ ์ด๋ฒ์๋ supabase๋ฅผ ์จ๋ณด๊ธฐ๋ก ํ๋ค. ์ด๋ป๊ฒ ํ ์ด๋ธ๊ณผ ๋ก
๐์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ ํ๊ธฐ ํฉ๊ฒฉ ํ๊ธฐ (2024๋ 1ํ์ฐจ) ์ด์ 3์ 5์ผ 2์ 10๋ถ์ '๊ฐ์ CBT'์์ ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ ์ํ์ ๋ดค๋ค! ๊ฐ๋ฐ์๊ฐ ๋๋ ค๋ฉด IT์ ์ง์์ด ํ์ํ๋ค๊ณ ์๊ฐํด ๊ณต๋ถํ๊ฒ ๋์๋ค. ์์ธํ ํ๊ธฐ๋ฅผ ์จ๋ณด๊ฒ ๋ค. ๐ฃ์ ๋ณด์ฒ๋ฆฌ๊ธฐ์ฌ ์ ์ฒญ๋ฐฉ๋ฒ(2024๋ ๊ธฐ์ค)
ํฉํ ๋ฆฌ์ผ ๋ฐฉ๋ฒ (while๋ฌธ)
์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ฌธ์์ด, ๋ฐฐ์ด ์ค๋ณต ์ญ์ ๋ฅผ ํด๋ณด์!new Set() ์ ์ฌ์ฉํ๋ค2.indexOf๋ฅผ ์ฐพ์์ ํด๋น ์ฒซ๋ฒ์งธ index์ ์ผ์นํ๋ ๊ฒ๋ง filter!!