์ปด/ํฐ
๐ง ๊ธฐ์ ๋ธ๋ก๊ทธ ์์ฑ๋ฒ๊ณผ SEO ์ต์ ํ ๋ฐฉ๋ฒ
๋์ด์ฅ๊ตฐ
2025-05-17 15:00
์กฐํ์ : 36
๊ฐ๋ฐ ๊ณต๋ถ ๊ธฐ๋ก, ํ๋ก์ ํธ ํ๊ณ , ํ ์ ๋ฆฌโฆ
๊ธฐ์ ๋ธ๋ก๊ทธ๋ ๋จ์ํ ๊ธฐ๋ก์ ๋์ด
ํฌํธํด๋ฆฌ์ค, ์ปค๋ฆฌ์ด, ๋ธ๋๋ฉ ์๋จ์ด ๋ ์ ์์ด์.
๊ทธ๋ฐ๋ฐ ์๋ฌด๋ฆฌ ์ข์ ๊ธ๋
๊ฒ์๋์ง ์์ผ๋ฉด โ์ฝํ์ง ์๋ ๊ธโ์ด ๋์ฃ .
์ด๋ฒ ๊ธ์์๋ ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ์ ์ฐ๋ ๋ฒ๊ณผ SEO ์ต์ ํ ๋ฐฉ๋ฒ์ ํจ๊ป ์๋ ค๋๋ฆด๊ฒ์.
โ 1. ๊ธฐ์ ๋ธ๋ก๊ทธ, ์ ์์ํด์ผ ํ ๊น?
๊ณต๋ถํ ๋ด์ฉ์ด ์ ๋ฆฌ๋๋ค
โ ๋จธ๋ฆฌ ์์์ ๋ณต์กํ ๋ด์ฉ์ ๋ค์ ๋ง๋ก ํ๋ฉฐ ๊ตฌ์กฐํ ๊ฐ๋ฅ
๊ตฌ์ง ์ ํฌํธํด๋ฆฌ์ค๊ฐ ๋๋ค
โ ๊ธฐ์ ๋ธ๋ก๊ทธ๋ ์ค๋ ฅ์ ๋ณด์ฌ์ฃผ๋ ์ค์ง์ ์ธ โ์ฆ๊ฑฐโ์์
๊ฒ์์ ๊ฑธ๋ ค์ ๋๊ตฐ๊ฐ์๊ฒ ๋์์ ์ค ์ ์๋ค
โ ๊ณต์ ์ ํ = ๋คํธ์ํฌ + ๋ช ์ฑ + ๋ณด๋
โ 2. ๊ธ์ฐ๊ธฐ ๊ตฌ์กฐ: ์ด๋ ๊ฒ ์ฐ๋ฉด ์ฝ๊ธฐ ์ฝ๋ค
๋ฌธ์ ์ ๊ธฐ (์ ์ด๊ฑธ ์ฐ๋๊ฐ)
โ ์: โnpm install ๋์ค ์๋ฌ๊ฐ ๋ฌ์ด์โฆโ
ํต์ฌ ๋ด์ฉ ์ ๋ฆฌ (์ฝ๋ + ์ค๋ช )
โ ์: ์ค๋ฅ ๋ฉ์์ง ์บก์ฒ + ํด๊ฒฐ ๋ฐฉ๋ฒ ์ฝ๋ + ๋ฐ์ ์์ธ
๊ฐ์ธ ์ธ์ฌ์ดํธ + ์ฐธ๊ณ ์๋ฃ
โ ๋ด๊ฐ ์ด๋ค ์ํ์ฐฉ์ค๋ฅผ ๊ฒช์๋์ง
โ ์ฐธ๊ณ ํ ๊ณต์ ๋ฌธ์๋ Stack Overflow ๋งํฌ ์ฒจ๋ถ
โ 3. SEO ์ต์ ํ๋ฅผ ์ํ ํ
์ ๋ชฉ์ ๊ฒ์ ํค์๋๋ก ์์ฑ
โ โ "๋ด๊ฐ ์ค๋ ์ฝ์งํ ๊ธฐ๋ก"
โ โ "npm install ์ EACCES ์ค๋ฅ ํด๊ฒฐ ๋ฐฉ๋ฒ"
๋ณธ๋ฌธ์ ํค์๋ ์์ฐ์ค๋ฝ๊ฒ ๋ฐ๋ณต
โ ๋๋ฌด ๋ง์ผ๋ฉด ์คํ๋ ค ์ญํจ๊ณผ, ์์ฐ์ค๋ฝ๊ฒ 2~3ํ๋ง
์ด๋ฏธ์ง alt ํ ์คํธ ์์ฑ
โ ์ค๋ช ์ ๋ด์ ๋์ฒด ํ ์คํธ๋ ๊ตฌ๊ธ ์ด๋ฏธ์ง ๊ฒ์์๋ ๋์์ด ๋จ
์ฝ๋๋ธ๋ญ์ ๋งํฌ๋ค์ด์ผ๋ก ๋ช ํํ๊ฒ ์ ๋ฆฌ
โ ์ฝ๋ ์ ๋ฆฌ๋ ๊ฐ๋ ์ฑ + ๊ฒ์ ๋ ธ์ถ์ ๋ชจ๋ ์ ๋ฆฌ
๊ธ ํ๋จ์ ํ๊ทธ ์ ๋ฆฌ
โ ์: #React #JavaScript #๋ฒ๊ทธํด๊ฒฐ #์๋ฌ๋ก๊ทธ
โ ์ถ์ฒ ํ๋ซํผ
Velog: ๊น๋ํ UI, ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ๊ฐํจ
Tistory: ์ปค์คํฐ๋ง์ด์ง ๊ฐ๋ฅ, ๋ค์ด๋ฒ/๊ตฌ๊ธ ๊ฒ์ ๋ฐ์ ์ข์
GitHub Pages + Jekyll: ์ง์ ์ด์ํ๋ ์ ์ ๋ธ๋ก๊ทธ ํํ
Brunch, Medium: ์คํ์ผ ์ค์ํ ๊ฒฝ์ฐ ๊ณ ๋ ค
๊ธฐ์ ๋ธ๋ก๊ทธ๋ ๋๊ตฐ๊ฐ๋ฅผ ์ํ ๊ธ์ฒ๋ผ ๋ณด์ด์ง๋ง, ์ฌ์ค์ ๋ ์์ ์ ์ํ ์ต๊ณ ์ ๋ณต์ต ๋๊ตฌ์ ๋๋ค.
๊ธ์ ์ ์ฐ๋ ์ฌ๋๋ณด๋ค, ๊พธ์คํ ์ฐ๋ ์ฌ๋์ด ๋ ๋ง์ ๊ธฐํ๋ฅผ ์ป๊ฒ ๋ฉ๋๋ค.
์ค๋ ๋ด๊ฐ ๊ฒ์ํ๋ ์ค๋ฅ ํ๋๋ผ๋, ๊ธฐ๋กํด๋ณด๋ ๊ฑด ์ด๋จ๊น์?