๋’ค๋กœ
๊น€๊ฒฝํ™˜
๊น€๊ฒฝํ™˜ ·

๐ŸŒŽ ์ธ๋”” ํ•ด์ปค์˜ 2025 ๊ธ€๋กœ๋ฒŒ ์ง„์ถœ ์ „๋žต

thumbnail.jpg

๐ŸŒŽ ์ธ๋”” ํ•ด์ปค์˜ '2025 ๊ธ€๋กœ๋ฒŒ ์ง„์ถœ' ์œ„ํ•œ ์‚ฌ์ „ ์ค€๋น„ ๊ณผ์ •์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค :)

-

2024๋…„ 4๋ถ„๊ธฐ์˜ ๊ฐ€์žฅ ํฐ ๊ณ ๋ฏผ์€ ํ•ด์™ธ ์‚ฌ์šฉ์ž ๋‹˜๋“ค๊ป˜ '์‚ฌ์šฉ ๊ฐ€์ด๋“œ'๋ฅผ '์–ด๋””'์— ์ž‘์„ฑํ•ด ์ œ๊ณตํ•ด ๋“œ๋ฆด ๊ฒƒ์ธ๊ฐ€์˜€๋‹ค. ์‚ฌ์‹ค ์˜ฌ ์ดˆ ์ง์ ‘ ๊ฐœ๋ฐœํ•œ ์›น์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณตํ•ด ๋“œ๋ฆฌ๊ณ  ์žˆ์—ˆ์ง€๋งŒ, ์›น์‚ฌ์ดํŠธ์˜ ๋””์ž์ธ ๋ฐ ๊ฐœ๋ฐœ์„ ๋ชจ๋‘ '์ง์ ‘' ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์‹ ๊ฒฝ ์“ธ ๊ฒŒ ๋งŽ์•˜๋‹ค. ์ง‘์ค‘ํ•ด์•ผ ํ•  ๊ฐ€์ด๋“œ ์ œ์ž‘๋ณด๋‹ค๋„ ๋””์ž์ธ๊ณผ ๊ฐœ๋ฐœ์— ์‹œ๊ฐ„๊ณผ ๋…ธ๋ ฅ์ด ๋” ๋งŽ์ด ๋“ค์—ˆ๋‹ค. ์‹œ๊ฐ„์„ ํšจ์œจ์ ์œผ๋กœ ์จ์•ผํ•˜๋Š” 1์ธ IT ๊ธฐ์—…(์ธ๋”” ํ•ด์ปค)์œผ๋กœ์„œ ์„ ํƒ์ด ํ•„์š”ํ–ˆ๋‹ค.

๋ฌด์—‡๋ณด๋‹ค ํ•ด์™ธ ์‚ฌ์šฉ์ž ๋‹˜๋“ค์„ ์œ„ํ•œ ์‚ฌ์šฉ ๊ฐ€์ด๋“œ์˜ '๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO, Search Engine Optimization)'๋Š” ํ•ด์™ธ ์‚ฌ์šฉ์ž ๋‹˜๋“ค๊ป˜์„œ ์ž‘์€ ์•ฑ ์ƒํƒœ๊ณ„์— ๋” ๋งŽ์ด ๋‹ฟ๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•œ ํ•ต์‹ฌ '2025 ๊ธ€๋กœ๋ฒŒ ์ง„์ถœ ์ „๋žต ๐ŸŒŽ'์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ฏธ๋ฃจ์ง€ ๋ง๊ณ  ๋น ๋ฅด๊ฒŒ ์‹œ์ž‘ํ•ด์•ผ ํ–ˆ๋‹ค.

๋””์ž์ธ๊ณผ ๊ฐœ๋ฐœ์ด ์•„๋‹Œ '์ฝ˜ํ…์ธ '์—๋งŒ ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ”Œ๋žซํผ์„ ์ด์šฉํ•ด ๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ํ•˜์ง€๋งŒ ํ”Œ๋žซํผ์„ ์ •ํ•˜๊ธฐ๊ฐ€ ์–ด๋ ค์› ๋‹ค. ๋ฏธ๋””์—„(Medium), ๋ ˆ๋”ง(Reddit), ๋…ธ์…˜(Notion) ๋“ฑ ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ์„ ๊ณ ๋ คํ•ด ๋ณด์•˜์ง€๋งŒ ๋ช‡ ๊ฐ€์ง€ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค.

1. ๋กœ๊ทธ์ธ ์—†์ด ๊ฐ€์ด๋“œ๋ฅผ ๋ณด๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค.

๊ฐ€์žฅ ํฐ ๋ฌธ์ œ์˜€๋‹ค. ๋ชจ๋“  ํ•ด์™ธ ์‚ฌ์šฉ์ž ๋‹˜๋“ค๊ป˜์„œ ๋กœ๊ทธ์ธ ์žฅ๋ฒฝ ์—†์ด ๊ฐ€์ด๋“œ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ์ด ํ•„์š”ํ–ˆ๋‹ค.

2. ์ฝ˜ํ…์ธ ๋ฅผ ๋ถ„๋ฅ˜ํ•˜๋Š” ๊ธฐ๋Šฅ์ด ์—†๊ฑฐ๋‚˜, ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ถ„๋ฅ˜ํ•˜๊ธฐ ์–ด๋ ต๋‹ค.

3. ๊ตฌ๊ธ€ ์„œ์น˜ ์ฝ˜์†”(Google Search Console)์„ ํ™œ์šฉํ•˜๊ธฐ ์–ด๋ ต๋‹ค.

์ด์™€ ๊ฐ™์€ ๋ฌธ์ œ๋“ค๋กœ ๊ฒฐ์ •์„ ๋ฏธ๋ฃจ๊ณ  ์žˆ๋‹ค๊ฐ€, ์ด๋ฒˆ์ฃผ ์ˆ˜์š”์ผ ์˜ฌํ•ด 3์›”์ฏค ์•Œ๊ฒŒ ๋œ Nextra ํ”„๋กœ์ ํŠธ๋ฅผ ๋‹ค์‹œ ์‚ดํŽด๋ณด์•˜๋‹ค. ๋‹น์‹œ์— ์ˆ˜๋งŽ์€ ์žฅ์ ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  i18n(internationalization, ๊ตญ์ œํ™”) ์ ์šฉ ํ›„ ๋ฐฐํฌ ์‹œ ํŠน์ • ์–ธ์–ด๊ฐ€ ๋ฐ˜์˜์ด ์•ˆ ๋˜๋Š” ๋ฌธ์ œ๋ฅผ ๋ฐœ๊ฒฌํ•ด Nextra๋ฅผ ์“ฐ์ง€ ์•Š๊ณ  ์ง์ ‘ ๋งŒ๋“ค์—ˆ์—ˆ๋‹ค.

Nextra

https://nextra.site/

๊ทธ ์‚ฌ์ด Nextra 3.0์—์„œ i18n์ด ๋ฆฌ๋‰ด์–ผ๋˜์—ˆ๊ณ , ์‹คํ—˜ ๊ฒฐ๊ณผ ์ด์ „์— ๋ฐœ์ƒํ–ˆ๋˜ ๋ฌธ์ œ๋„ ํ•ด๊ฒฐ๋ผ ์žˆ์—ˆ๋‹ค. ์‚ฌ์‹ค i18n ๋ฌธ์ œ๋งŒ ์•„๋‹ˆ์—ˆ๋‹ค๋ฉด Nextra๋Š” ๋‚ด๊ฐ€ ํ•„์š”ํ•œ ๋ชจ๋“  ๊ฒƒ์„ ๊ฐ–์ถ”๊ณ  ์žˆ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์˜€๋‹ค. 

1. ์›น์‚ฌ์ดํŠธ ๋””์ž์ธ ๋ฐ ๊ฐœ๋ฐœ๋ณด๋‹จ '์ฝ˜ํ…์ธ  ์ž‘์„ฑ'์— ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ.

Nextra๋ฅผ ํ™œ์šฉํ•˜๋ฉด ๋ชจ๋“  ๊ฒƒ์„ ์ง์ ‘ ๋””์ž์ธํ•˜๊ณ  ๊ฐœ๋ฐœํ•  ๋•Œ๋ณด๋‹ค ์‹œ๊ฐ„์ด ํš๊ธฐ์ ์œผ๋กœ ์ค„์–ด๋“ ๋‹ค. Nextra๋Š” ์‰ฝ๊ฒŒ ๋งํ•ด [Next.js + MDX + ๋ฌธ์„œํ™”๋ฅผ ์œ„ํ•œ ๋””์ž์ธ ๋ฐ ํŽธ์˜ ๊ธฐ๋Šฅ]์ด ํ•ฉ์ณ์ง„ ํ”„๋ ˆ์ž„์›Œํฌ๋ผ๊ณ ๋„ ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ดˆ๊ธฐ ์„ค์ •๋งŒ ์ž˜ ํ•ด๋†“์œผ๋ฉด Markdown(๋งˆํฌ๋‹ค์šด) ๋ฐ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ๋กœ ์‰ฝ๊ฒŒ ์ฝ˜ํ…์ธ  ์ž‘์„ฑ์ด ๊ฐ€๋Šฅํ•˜๋‹ค(Next.js examples๋กœ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉฐ ์›น ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ–ˆ๊ธฐ์— Next.js์™€ React๋Š” ๋‚ด๊ฒŒ ๋Œ€๋‹จํžˆ ์นœ์ˆ™ํ•˜๋‹ค. )

MDX: Markdown for the component era

https://mdxjs.com/

Next.js examples

https://github.com/vercel/next.js/tree/canary/examples

2. ์ž์œ ๋กœ์šด '๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO, Search Engine Optimization)' ๊ฐ€๋Šฅ

ํŠน์ • ํ”Œ๋žซํผ์— ์ข…์†๋˜๋Š” ๊ฒŒ ์•„๋‹Œ ๋‚ด ๋„๋ฉ”์ธ(small.dalgu.app)์œผ๋กœ ๊ธฐ์ˆ ์  ๊ตฌ๊ธ€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค๋Š” ์ ์ด ์ตœ๋Œ€ ์žฅ์ ์ด๋‹ค. 

- ๊ตฌ์กฐํ™”๋œ ์ฝ˜ํ…์ธ  HTML ๊ตฌ์„ฑ ๊ฐ€๋Šฅ

- ๊ตฌ์กฐํ™”๋œ URL (Directory) ๊ตฌ์„ฑ ๊ฐ€๋Šฅ

- ๋ชจ๋ฐ”์ผ๋ถ€ํ„ฐ ๋ฐ์Šคํฌํ†ฑ๊นŒ์ง€. ๋ฐ˜์‘ํ˜• ์ตœ์ ํ™”.

3. ๋กœ๊ทธ์ธ ์—†์ด ๊ฐ€์ด๋“œ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Œ

4. ์ž์œ ๋กœ์šด ์ฝ˜ํ…์ธ  ๋ถ„๋ฅ˜ ๊ฐ€๋Šฅ

5. ์‚ฌ์šฉ์ž๊ฐ€ ์ •๋ณด(๊ฐ€์ด๋“œ)๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ธฐ์— ์ ํ•ฉํ•œ Nextra ๋‚ด์žฅ ๋””์ž์ธ

๊ทธ๋ ‡๊ฒŒ Nextra๋ฅผ ์“ฐ๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜๊ณ  11์›” 27~28์ผ, 2์ผ ๋™์•ˆ Nextra๋กœ ์ž‘์€ ์•ฑ ํ”„๋กœ์ ํŠธ์˜ ํ•œ๊ตญ์–ด ๋ฐ ์˜์–ด ๊ณต์‹ ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ๋ฐฐํฌํ–ˆ๋‹ค. ์•„์ง ์ดˆ๊ธฐ ๋ฒ„์ „์ด๋ผ ์ฑ„์šฐ๊ณ  ๋‹ค๋“ฌ์–ด์•ผ ํ•  ๋ถ€๋ถ„์ด ๋งŽ์ง€๋งŒ, ๋ช‡ ๋‹ฌ ๋™์•ˆ ๊ณ ๋ฏผํ•œ '๊ธ€๋กœ๋ฒŒ ๊ฐ€์ด๋“œ' ๋ฐ '๊ธ€๋กœ๋ฒŒ SEO' ๋ฌธ์ œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค ํ•ด์™ธ ์‚ฌ์šฉ์ž ๋‹˜๋“ค๊ป˜๋„ ์•ˆ์ •์ ์œผ๋กœ ๊ฐ€์ด๋“œ๋ฅผ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋Š” 'ํ™˜๊ฒฝ'์„ ์กฐ์„ฑํ•œ ๊ฒƒ์ด ๋Œ€๋‹จํžˆ ๊ธฐ์˜๋‹ค ๐ŸŒˆ

ํ•œ๊ตญ์–ด

https://small.dalgu.app/ko

https://small.dalgu.app/ko/scheduler/guide/shared-calendar

์˜์–ด

https://small.dalgu.app/en

https://small.dalgu.app/en/scheduler/guide/shared-calendar

โ€”โ€”โ€”โ€”โ€”โ€”โ€”โ€”

๊ตญ๋‚ด์˜ ๊ฒฝ์šฐ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ์— ๊ฐ€์žฅ ํ™œ๋ฐœํžˆ ๊ฐ€์ด๋“œ๋ฅผ ์˜ฌ๋ฆฌ๊ณ  ์žˆ์œผ๋ฉฐ, ์ƒˆ๋กœ์šด ๊ฐ€์ด๋“œ๋“ค์€ ์ด๋ฒˆ์— ๋ฐฐํฌํ•œ '์ž‘์€ ์•ฑ ํ”„๋กœ์ ํŠธ' ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€์— ๊ฒŒ์‹œํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

[๊ตญ๋‚ด ๊ฐ€์ด๋“œ] ์•„์ดํฐ ์บ˜๋ฆฐ๋” ์•ฑ '์Šค์ผ€์ค„๋Ÿฌ'์˜ '์Œ๋ ฅ ์ƒ์ผ ๐ŸŽ‚๐ŸŽ‰' ๋“ฑ๋ก ๋ฐฉ๋ฒ•

https://blog.naver.com/iphone-tip/223638546314

์Šค์ผ€์ค„๋Ÿฌ

์˜ค์ง ํ•„์š”ํ•œ ๊ธฐ๋Šฅ๋งŒ

5

๋Œ“๊ธ€

๋กœ๊ทธ์ธ ํ›„ ๋Œ“๊ธ€์„ ๋‚จ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ง ๋Œ“๊ธ€์ด ์—†์Šต๋‹ˆ๋‹ค.