GutenKit vs Spectra: ๊ตฌํ…๋ฒ ๋ฅดํฌ ํŽ˜์ด์ง€ ๋นŒ๋” ๋Œ€๊ฒฐ!

Gutenkit vs Spectra

๋ธ”๋ก ํŽธ์ง‘๊ธฐ์ธ Gutenberg๋Š” WordPress์˜ ์ฝ˜ํ…์ธ  ์ œ์ž‘์„ ๋ณ€ํ™”์‹œํ‚ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.ย 

ํ•˜์ง€๋งŒ ๋ธ”๋ก ํŽธ์ง‘๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์„ ๋”์šฑ ์„ธ๋ถ€์ ์œผ๋กœ ์ œ์–ดํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ์š”? ์ด๊ฒƒ์ด GutenKit ๋ฐ Spectra์™€ ๊ฐ™์€ Gutenberg ํŽ˜์ด์ง€ ๋นŒ๋”๊ฐ€ ๋“ฑ์žฅํ•˜๋Š” ๊ณณ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‘˜ ๋‹ค ์‚ฌ์šฉ์ž์˜ ๊ด€์‹ฌ์„ ๋Œ๊ธฐ ์œ„ํ•ด ๊ฒฝ์Ÿํ•˜๋ฏ€๋กœ ์˜ฌ๋ฐ”๋ฅธ ๊ฒƒ์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ๊นŒ๋‹ค๋กœ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ย 

๊ท€ํ•˜์˜ WordPress ํŽ˜์ด์ง€ ์ „์Ÿ์—์„œ ์–ด๋Š ๊ฒƒ์ด ์Šน๋ฆฌํ•˜๋Š”์ง€ ๋ด…์‹œ๋‹ค!

๊ฐ„๋žตํ•œ ๊ฐœ์š”

Gutenberg ํŽ˜์ด์ง€ ์ž‘์„ฑ ํ•ญํ•ด๋ฅผ ์œ„ํ•œ GutenKit ๋ฐ Spectra๋ฅผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ๋‘˜ ๋‹ค ์ธ์ •๋ฐ›์„ ๊ฐ€์น˜๊ฐ€ ์žˆ์ง€๋งŒ ์ด๋ฒˆ ๋Œ€๊ฒฐ์€ ์ Š์€ GutenKit ๋Œ€ ๋ณธ๊ฒฉ์ ์ธ Spectra์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ GutenKit์ด Spectra๋ฅผ ์ด๊ธธ ์ˆ˜ ์žˆ์„๊นŒ์š”? ์•Œ์•„ ๋ณด์ž!

๊ตฌํ…ํ‚ท

GutenKit ๋Œ€ ์ŠคํŽ™ํŠธ๋Ÿผ - GutenKit

GutenKit์€ ๊ฐ€๋ณ๊ณ  ์ดˆ๋ณด์ž์—๊ฒŒ ์นœ์ˆ™ํ•œ ํŽ˜์ด์ง€ ๋นŒ๋”๋ผ๋Š” ์ ์„ ์ž๋ž‘์Šค๋Ÿฝ๊ฒŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ์™€ ์ž˜ ํ†ตํ•ฉ๋˜์–ด ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ๋ธ”๋ก ์ปฌ๋ ‰์…˜๊ณผ ๋›ฐ์–ด๋‚œ ์‚ฌ์šฉ์ž ์ •์˜ ์˜ต์…˜์œผ๋กœ ๊ธฐ๋Šฅ์„ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค. GutenKit์€ ์ƒˆ๋กœ ์ถœ์‹œ๋œ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด์ง€๋งŒ ํŽ˜์ด์ง€ ๊ตฌ์ถ•์— ํ•„์š”ํ•œ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ”๊ณ  ์žˆ์–ด ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์Ÿ์‚ฌ๋ณด๋‹ค ๋›ฐ์–ด๋‚ฉ๋‹ˆ๋‹ค.ย 

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

GutenKit์—์„œ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ:

  • 350๊ฐœ ์ด์ƒ์˜ ์‚ฌ์ „ ๋””์ž์ธ๋œ ๋ธ”๋ก์šฉ ํ…œํ”Œ๋ฆฟ ๋ฐ ํŒจํ„ด.
  • 37๊ฐœ ์ด์ƒ์˜ ๊ณ ๊ธ‰ WordPress ๋ธ”๋ก ํŽธ์ง‘๊ธฐ ์ง€์› ๋ธ”๋ก ๋ฐ ๋ชจ๋“ˆ.ย 
  • 900๊ฐœ ์ด์ƒ์˜ ์ธ๋ผ์ธ SVG ๊ธ€๊ผด ์•„์ด์ฝ˜์ด ํฌํ•จ๋œ ์•„์ด์ฝ˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ.
  • Google ๊ธ€๊ผด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๋Œ€ํ•œ ์ „์ฒด ์•ก์„ธ์Šค ๊ถŒํ•œ์ž…๋‹ˆ๋‹ค.
  • ๋ชจ๋“  ๋ธ”๋ก๊ณผ ๋ชจ๋“ˆ์€ ๋‹ค์Œ์—์„œ ์›ํ™œํ•˜๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. WordPress ์ „์ฒด ์‚ฌ์ดํŠธ ํŽธ์ง‘(FSE).
  • ๋ชจ๋ฐ”์ผ, ๋ฐ์Šคํฌํƒ‘, ํƒœ๋ธ”๋ฆฟ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์— ์ตœ์ ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ธ”๋ก API ๋ฒ„์ „ 3๊ณผ ํ˜ธํ™˜๋ฉ๋‹ˆ๋‹ค.

์ŠคํŽ™ํŠธ๋Ÿผ

์ŠคํŽ™ํŠธ๋Ÿผ - GutenKit ๋Œ€ Spectra

๊ทธ๋ ‡๋‹ค๋ฉด Gutenberg์šฉ Spectra WordPress ํŽ˜์ด์ง€ ๋นŒ๋”๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? Spectra Gutenberg ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ํŽ˜์ด์ง€ ๊ตฌ์ถ•์— ์žˆ์–ด ํฌ๊ด„์ ์ธ ์ ‘๊ทผ ๋ฐฉ์‹์„ ์ทจํ•ฉ๋‹ˆ๋‹ค. Spectra ๋ธ”๋ก, ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๋ฐ ๊ฐ•๋ ฅํ•œ ์‹œ๊ฐ์  ํŽธ์ง‘๊ธฐ๋กœ ๊ตฌ์„ฑ๋œ ๋ฐฉ๋Œ€ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ž๋ž‘ํ•ฉ๋‹ˆ๋‹ค. ์ด๋กœ ์ธํ•ด Spectra ๋นŒ๋”๋Š” ์˜ฌ์ธ์› ํŽ˜์ด์ง€ ๊ตฌ์ถ• ์†”๋ฃจ์…˜์„ ์ฐพ๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ฐ•๋ ฅํ•œ ๊ฒฝ์Ÿ์ž๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ Spectra๋Š” ๊ตฌ๋งค ๋’ค์— ์ผ๋ถ€ ํ”„๋ฆฌ๋ฏธ์—„ ๊ธฐ๋Šฅ์ด ํฌํ•จ๋œ ๋ถ€๋ถ„ ์œ ๋ฃŒํ™” ๋ชจ๋ธ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Spectra๊ฐ€ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ:

  • ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ๋ฌด๋ฃŒ Spectra ์Šคํƒ€ํ„ฐ ํ…œํ”Œ๋ฆฟ.
  • ๋น ๋ฅธ ๋กœ๋”ฉ์„ ์œ„ํ•œ ์ตœ์†Œํ•œ์˜ ํด๋ฆฐ ์ฝ”๋“œ.
  • ๋‚ด์žฅ๋œ SEO ๊ธฐ๋Šฅ ๋ฐ ์ž๋™ ์Šคํ‚ค๋งˆ ๋งˆํฌ์—….

GutenKit ๋Œ€ Spectra: ์ •๋ฉด ๋Œ€๊ฒฐ

GutenKit๊ณผ Spectra๋Š” ๋ชจ๋‘ ์ธ๊ธฐ ์žˆ๋Š” ๊ฒฝ์Ÿ์ž์ž…๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ ํŽ˜์ด์ง€ ๋นŒ๋” ๊ฒฝ๊ธฐ์žฅ, ๊ทธ๋Ÿฌ๋‚˜ ์–ด๋Š ๊ฒƒ์ด ์ตœ๊ณ ๋ฅผ ํ†ต์น˜ํ•ฉ๋‹ˆ๊นŒ?ย 

์›น์‚ฌ์ดํŠธ์˜ ์ฑ”ํ”ผ์–ธ์„ ์„ ํƒํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜๋„๋ก ์ง์ ‘ ๋น„๊ตํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

๋น„๊ต ๊ธฐ๋Šฅ

๋ธ”๋ก ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ, ํŽธ์ง‘ ๊ธฐ๋Šฅ ๋ฐ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ๊ณผ ๊ฐ™์€ ํ•„์ˆ˜ ์˜์—ญ์—์„œ ์ œ๊ณต๋˜๋Š” ์ œํ’ˆ์„ ๋น„๊ตํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

ํŠน์ง•๊ตฌํ…ํ‚ท์ŠคํŽ™ํŠธ๋Ÿผ
๋ธ”๋ก ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์œ„ํ•ด ์‚ฌ์ „ ์„ค๊ณ„๋œ ๋ฌด๋ฃŒ ๋ธ”๋ก์˜ ๊ด‘๋ฒ”์œ„ํ•œ ์ปฌ๋ ‰์…˜์ž…๋‹ˆ๋‹ค.
๐Ÿ˜€ 38๊ฐœ์˜ ์ผ๋ฐ˜ ๋ธ”๋ก
๐Ÿ˜€ 5๊ฐœ์˜ ํŠน์ˆ˜ ๋ชจ๋“ˆ
์ง์ ‘ ๋ธ”๋ก 4๊ฐœ
๐Ÿ˜€ 5๊ฐœ์˜ ๋จธ๋ฆฌ๊ธ€ ๋ฐ ๋ฐ”๋‹ฅ๊ธ€ ๋ธ”๋ก
๋‹ค์–‘ํ•œ ํ•„์ˆ˜ ๋ธ”๋ก๊ณผ ํ™•์žฅ์„ ํ†ตํ•ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ถ”๊ฐ€ ๋ธ”๋ก์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ˜€ 34๊ฐ€์ง€ ํ•„์ˆ˜ ๋ธ”๋ก
ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ๋‹ค์–‘ํ•œ ํŽ˜์ด์ง€ ์œ ํ˜•์— ๋Œ€ํ•œ 350๊ฐœ ์ด์ƒ์˜ ๋ฏธ๋ฆฌ ๋””์ž์ธ๋œ ํ…œํ”Œ๋ฆฟ๊ณผ ๋ธ”๋ก ํŒจํ„ด์œผ๋กœ ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋น ๋ฅด๊ฒŒ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๊ธฐ๋ณธ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋งž์ถคํ˜• ์„น์…˜ ๊ตฌ์ถ•์— ๋” ๋งŽ์ด ์˜์กดํ•ฉ๋‹ˆ๋‹ค.
๊ธฐ๋Šฅ ํŽธ์ง‘์ธ๋ผ์ธ ํŽธ์ง‘ ๋ฐ ๋ฐ˜์‘ํ˜• ํŽธ์ง‘๊ณผ ๊ฐ™์€ ๊ณ ๊ธ‰ ํŽธ์ง‘ ์˜ต์…˜.ํ‘œ์ค€ ํŽธ์ง‘ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ถ€ ๊ณ ๊ธ‰ ์˜ต์…˜์—๋Š” ํ™•์žฅ์ด ํ•„์š”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๊ณ ๊ธ‰ ๊ธฐ๋ŠฅGlass Morphism, Motion Effect, Mega Menu Builder, Image Accordion, OffCanvas ๋ฐ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜•๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณต๋˜๋Š” ์ผ๋ถ€ ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์ด ๋ถ€์กฑํ•ฉ๋‹ˆ๋‹ค. ์–‘์‹๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ํ†ตํ•ฉ์— ์˜์กด

GutenKit์€ ํŽ˜์ด์ง€ ๊ตฌ์ถ•์— ํ•„์ˆ˜์ ์ธ ๊ธฐ๋Šฅ๊ณผ ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ์š”์†Œ์˜ ์ˆ˜๋ฅผ ํˆฌ๋ช…ํ•˜๊ฒŒ ์ œ๊ณตํ•˜๋Š” ์ธก๋ฉด์—์„œ ์„ ๋‘๋ฅผ ๋‹ฌ๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋งž์ถคํ™”์˜ ์ฑ”ํ”ผ์–ธย 

๊ท€ํ•˜์˜ ๊ณ ์œ ํ•œ ๋ธŒ๋žœ๋“œ ์•„์ด๋ดํ‹ฐํ‹ฐ๋ฅผ ๋ฐ˜์˜ํ•˜๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ์ œ์ž‘ํ•˜๋ ค๋ฉด ํ›Œ๋ฅญํ•œ ๋งž์ถค ์„ค์ • ์˜ต์…˜์ด ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค. ์ด ๋น„๊ต๋Š” ์›น ์‚ฌ์ดํŠธ์˜ ๋ชจ์–‘๊ณผ ๋Š๋‚Œ์„ ๋” ์ž˜ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋Š” ๋นŒ๋”๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

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

๋‘ ๋„๊ตฌ ๋ชจ๋‘ ์ „์—ญ ์Šคํƒ€์ผ๊ณผ ์‚ฌ์šฉ์ž ์ •์˜ ๊ธ€๊ผด์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Spectra๋Š” ์ด๋ฏธ ์ด ๋ถ„์•ผ์—์„œ ๋ช…์„ฑ์„ ์–ป์—ˆ์ง€๋งŒ GutenKit์€ ์‚ฌ์šฉ์ž ์ •์˜ ์ธก๋ฉด์—์„œ Spectra์™€ ๋™๋“ฑํ•˜๋ฏ€๋กœ ์‹œ๋„ํ•ด ๋ณผ ๊ฐ€์น˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ ์ด ๋„๊ตฌ๋Š” ์ง€์†์ ์œผ๋กœ ์„ฑ์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ GutenKit์ด ๊ณง Spectra๋ฅผ ์ดˆ๊ณผํ•  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ย 

์†๋„์™€ ์„ฑ๋Šฅ์˜ ์ „์Ÿ

Gutenberg์šฉ GutenKit ๋ฐ Spectra ํŽ˜์ด์ง€ ๋นŒ๋”๋Š” ๋ชจ๋‘ ์„ฑ๋Šฅ ์ตœ์ ํ™”๋ฅผ ์—ผ๋‘์— ๋‘๊ณ  ๊ตฌ์ถ•๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์›น์‚ฌ์ดํŠธ ์†๋„์— ๋ฏธ์น˜๋Š” ์‹ค์ œ ์˜ํ–ฅ์€ ํ˜ธ์ŠคํŒ… ์ œ๊ณต์—…์ฒด, ์„ ํƒํ•œ ๊ธฐ๋Šฅ, ์›น์‚ฌ์ดํŠธ ๋ณต์žก์„ฑ ๋“ฑ ์—ฌ๋Ÿฌ ์š”์†Œ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค.ย 

๋งค๊ฐœ๋ณ€์ˆ˜๊ตฌํ…ํ‚ท์ŠคํŽ™ํŠธ๋Ÿผ
ํŽ˜์ด์ง€ ๋กœ๋“œ ์†๋„์„ฑ๋Šฅ์— ์ตœ์ ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.์„ฑ๋Šฅ์— ์ตœ์ ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ๋Ÿ‰GutenKit์€ Spectra์— ๋น„ํ•ด ๋งŽ์€ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์ง€๋งŒ ๊ฐ ๊ธฐ๋Šฅ์ด ์ž‘๋™ํ•˜๋Š” ๋ฐ ์ถ”๊ฐ€ ์ฝ”๋“œ๊ฐ€ ํ•„์š”ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— GutenKit์€ ๋” ๊ฐ€๋ณ๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.์ผ๋ฐ˜์ ์œผ๋กœ ๊ฐ€๋ณ์Šต๋‹ˆ๋‹ค.

๋‘˜ ๋‹ค ์„ฑ๋Šฅ์— ์ตœ์ ํ™”๋˜์–ด ์žˆ์œผ๋ฏ€๋กœ ์–ด๋Š ๋นŒ๋”๊ฐ€ ๋” ๋น ๋ฅธ์ง€ ๋งํ•˜๊ธฐ๋Š” ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ๊ฐ€์žฅ ์ข‹์€ ์ ‘๊ทผ ๋ฐฉ์‹์€ ์›น ์‚ฌ์ดํŠธ ์„ค์ •์—์„œ ๊ฐ ๋นŒ๋”๋ฅผ ์ฒ ์ €ํ•˜๊ฒŒ ํ…Œ์ŠคํŠธํ•˜์—ฌ ํŠน์ • ์‹œ๋‚˜๋ฆฌ์˜ค์—์„œ ์–ด๋–ค ๋นŒ๋”๊ฐ€ ๋” ๋‚˜์€ ์„ฑ๋Šฅ์„ ๋ฐœํœ˜ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์„ ํƒํ•œ ๋นŒ๋”๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ ์ „๊ณผ ํ›„์— ์›น ์‚ฌ์ดํŠธ ์†๋„๋ฅผ ์ธก์ •ํ•˜๋ ค๋ฉด Google PageSpeed Insights ๋˜๋Š” GTmetrix์™€ ๊ฐ™์€ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

๋ฌด๋ฃŒ ํ”Œ๋žœ ๋น„๊ต

๋‹ค์Œ์€ ๋‘ ๋นŒ๋”์˜ ๊ตฌ์กฐ์™€ ๋ฌด๋ฃŒ ํ”Œ๋žœ์— ํฌํ•จ๋œ ๊ธฐ๋Šฅ์„ ๊ฐ„๋žตํ•˜๊ฒŒ ์„ค๋ช…ํ•˜๋Š” ํ‘œ์ž…๋‹ˆ๋‹ค.

ํŠน์ง•๊ตฌํ…ํ‚ท ๋ฌด๋ฃŒ์ŠคํŽ™ํŠธ๋Ÿผ ๋ฌด๋ฃŒ
๋ธ”๋ก ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฒฝ์Ÿ ์ œํ’ˆ์— ๋น„ํ•ด ๊ด‘๋ฒ”์œ„ํ•œ ๊ธฐ๋Šฅ:
๐Ÿ‘ ์ผ๋ฐ˜ ๋ธ”๋ก โ€“ 27
๐Ÿ‘ ํŠน์ˆ˜ ๋ชจ๋“ˆ โ€“ 3
๐Ÿ‘ ํฌ์ŠคํŠธ ๋ธ”๋ก โ€“ 3
๐Ÿ‘ ๋จธ๋ฆฌ๊ธ€ ๋ฐ”๋‹ฅ๊ธ€ ๋ธ”๋ก โ€“ 2
๐Ÿ‘ ํ•„์ˆ˜ ๋ธ”๋ก โ€“ 6
๐Ÿ‘ ์ฝ˜ํ…์ธ  ๋ธ”๋ก - 10
๐Ÿ‘ ๋งˆ์ผ€ํŒ… ๋ธ”๋ก โ€“ 6
๐Ÿ‘ ์–‘์‹ ์Šคํƒ€์ผ๋Ÿฌ ๋ธ”๋ก โ€“ 2
๐Ÿ‘ ํฌ๋ฆฌ์—์ดํ‹ฐ๋ธŒ ๋ธ”๋ก โ€“ 8
ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์Šคํƒ€ํ„ฐ ํ…œํ”Œ๋ฆฟ์Šคํƒ€ํ„ฐ ํ…œํ”Œ๋ฆฟ
ํŽธ์ง‘ ๊ธฐ๋Šฅ๊ธฐ๋ณธ ํŽธ์ง‘ ๋„๊ตฌ๊ธฐ๋ณธ ํŽธ์ง‘ ๋„๊ตฌ
๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์ œํ•œ๋œ์—†์Œ
์ง€์›ํ•˜๋‹ค์šฐ์„  ์‚ฌํ•ญ์ œํ•œ๋œ

์œ„์˜ ๋ฐ์ดํ„ฐ๋Š” GutenKit์ด ๋ฌด๋ฃŒ ๊ธฐ๋Šฅ๊ณผ ์„ ํƒ ๊ณผ์ •์—์„œ ๋งค์šฐ ์ค‘์š”ํ•œ ๋ฌด๋ฃŒ ๊ณ„ํš์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ง€์› ์ธก๋ฉด์—์„œ ์„ ๋‘๋ฅผ ๋‹ฌ๋ฆฌ๊ณ  ์žˆ์Œ์„ ๋ถ„๋ช…ํžˆ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

GutenKit ๋Œ€ Spectra: ๊ฒฐ๋ก 

GutenKit๊ณผ Spectra๋Š” ๋ชจ๋‘ ํ›Œ๋ฅญํ•ฉ๋‹ˆ๋‹ค. Gutenberg ํŽ˜์ด์ง€ ๋นŒ๋”. ๊ฐ๊ฐ์€ ๊ณ ์œ ํ•œ ๊ฐ•์ ๊ณผ ๋Šฅ๋ ฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ช…์„ฑ์— ์žˆ์–ด์„œ Spectra๋Š” ์˜์‹ฌ์˜ ์—ฌ์ง€๊ฐ€ ์—†๋Š” ๋ฐ˜๋ฉด GutenKit์€ ์ƒˆ๋กœ ์ถœ์‹œ๋˜์—ˆ๋‹ค๋Š” ์‚ฌ์‹ค๋กœ ์ธํ•ด ์•„์ง ์ž…์ฆ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.ย 

GutenKit์€ ์•„์ง ์ดˆ๊ธฐ ๋‹จ๊ณ„์ด์ง€๋งŒ ํŠน์ง•๊ณผ ๊ธฐ๋Šฅ์„ ๊ณ ๋ คํ•˜๋ฉด ์ด ๋„๊ตฌ๋Š” ์ด๋ฏธ Spectra์™€ ๋™๋“ฑํ•œ ์ˆ˜์ค€์ž…๋‹ˆ๋‹ค. Spectra์™€ ์ •๋ฉด์œผ๋กœ ๊ฒฝ์Ÿํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ง€์†์ ์ธ Gutenberg ํŽ˜์ด์ง€ ๊ตฌ์ถ• ์†”๋ฃจ์…˜์„ ์ œ๊ณตํ•˜๋ ค๋Š” ๋…ธ๋ ฅ์œผ๋กœ ์ธํ•ด ๊ณง Spectra๋ฅผ ๋Šฅ๊ฐ€ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.ย ย 

์ตœ์ข… ์ƒ๊ฐ

๋‘ ๋นŒ๋”๋ฅผ ๋ชจ๋‘ ์‚ฌ์šฉํ•ด ๋ณด๋Š” ๊ฒƒ์„ ๋‘๋ ค์›Œํ•˜์ง€ ๋งˆ์„ธ์š”! ๋‘ ๊ฐ€์ง€ ๋ชจ๋‘ ์ปค๋ฐ‹ํ•˜๊ธฐ ์ „์— ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ํ…Œ์ŠคํŠธํ•ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ฌด๋ฃŒ ํ”Œ๋žœ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์•ฝ๊ฐ„์˜ ํƒ์ƒ‰์„ ํ†ตํ•ด WordPress ์›น ์‚ฌ์ดํŠธ ์ œ์ž‘ ์ˆ˜์ค€์„ ๋†’์ผ ์ˆ˜ ์žˆ๋Š” ์™„๋ฒฝํ•œ ๊ตฌํ…๋ฒ ๋ฅด๊ทธ ํŽ˜์ด์ง€ ๋นŒ๋”๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ ํƒํ•  ๋•Œ ์›น ์‚ฌ์ดํŠธ์˜ ์š”๊ตฌ ์‚ฌํ•ญ, ๋””์ž์ธ ์„ ํ˜ธ๋„ ๋ฐ ํŽธ์•ˆํ•จ ์ˆ˜์ค€์„ ๊ณ ๋ คํ•˜์‹ญ์‹œ์˜ค.


์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€์“ฐ๊ธฐ

์ด๋ฉ”์ผ์€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ๊ทธ์ธ์ด ๋ฉ๋‹ˆ๋‹ค