Haon
Hello! This is a tech blog theme using Gatsby ๐Ÿคฉ
serverbackendgatsby

๐Ÿ’ก ํ˜„ ํฌ์ŠคํŠธ๋Š” about ํŽ˜์ด์ง€์—์„œ๋„ ์กฐํšŒ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ํฌ์ŠคํŠธ๋ฅผ ์‚ญ์ œํ•˜์ง€ ๋ง๊ณ , ์ด ๊ณณ์—๋‹ค ๋ณธ์ธ๋งŒ์˜ ๋ฉ‹์ง„ ์†Œ๊ฐœ ๊ธ€์„ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.

theme

1. ๋‚ด ์†Œ๊ฐœ, ๋ธ”๋กœ๊น… ๊ฒฝํ—˜

๋‚˜๋Š” ์ธํ•˜๋Œ€ํ•™๊ต ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ์— ์žฌํ•™์ค‘์ธ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ด๋ฏผ์„ฑ์ด๋‹ค. ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ฒ˜์Œ ์ ‘ํ•œ์ง€๋Š” ๊ฑฐ์˜ 2๋…„ ๊ฐ€๊นŒ์ด ๋˜์—ˆ์œผ๋ฉฐ, ์Šคํ”„๋ง๋ถ€ํŠธ ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ๋ณธ๊ฒฉ์ ์ธ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•œ์ง€๋Š” 1๋…„ ๋ฐ˜ ์ •๋„ ๋œ ๋“ฏ ํ•˜๋‹ค. ๊ฐœ๋ฐœ์ž ์˜จ๋ผ์ธ ์ปค๋ฎค๋‹ˆํ‹ฐ ๋‚ด์—์„œ๋Š” Haon ์ด๋ผ๋Š” ๊ธ€๋กœ๋ฒŒ ๋„ค์ž„์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค. ์ด๋Š” ์ž‘๋…„์— MAU ๊ธฐ์ค€ ์•ฝ 5,000๋ช…์˜ ์œ ์ €๊ฐ€ ์žˆ๋Š” ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๋ฉด์„œ ํŒ€์›๋“ค๊ณผ ์กด์นญ, ์†Œํ†ต ๋ฌธํ™”๋ฅผ ๊ฐ–์ถ”์–ด๊ฐˆ๋•Œ ๋งŒ๋“  ๋‹‰๋„ค์ž„์ด๋‹ค.

๊ธ€์“ฐ๊ธฐ โœ๏ธ

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

thend

17์‚ด ์–ด๋ฆด๋•Œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ฒ˜์Œ ์ ‘ํ–ˆ๊ณ , ๋น„๊ต์  ๋‚จ๋“ค๋ณด๋‹ค ๋น ๋ฅธ ์‹œ๊ธฐ์— ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์‹œ์ž‘ํ–ˆ๋‹ค. ํ•˜์ง€๋งŒ ์•„์‰ฝ๊ฒŒ๋„ ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์ ‘ํ•œ ์‹œ๊ธฐ๋Š” ๋Œ€ํ•™๊ต์— ์ง„ํ•™ํ•œ ์ดํ›„๋ถ€ํ„ฐ๋‹ค. ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๋ณธ๊ฒฉ์ ์œผ๋กœ ์‹œ์ž‘ํ•˜๋ฉฐ, ์ฒ˜์Œ ๊ธ€์“ฐ๊ธฐ๋ฅผ ์‹œ์ž‘ํ•œ ํ”Œ๋žซํผ์€ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋‹ค. ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค ์‚ฌ์šฉ์— ๋ถˆํŽธํ•จ์„ ๋Š๋‚€๊ฒƒ์ด ๋„ˆ๋ฌด ๋งŽ์•˜๊ธฐ์— 2022๋…„ ๋ถ€ํ„ฐ ๊ฐœ๋ฐœ์ž ๊ธ€์“ฐ๊ธฐ velog ๋กœ ์ด์ „ํ–ˆ๋‹ค. velog ์—์„œ๋„ ๊พธ์ค€ํžˆ Haon ์ด๋ผ๋Š” ๋‹‰๋„ค์ž„์œผ๋กœ ํ™œ๋™ํ•˜๋ฉฐ ๋งŽ์€ ๋ถ„๋“ค์—๊ฒŒ ๊ธ์ •์ ์ธ ์˜ํ–ฅ๋ ฅ์„ ๋ผ์น  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์šด์ด ์ข‹๊ฒŒ๋„ ์ž‘์„ฑํ•œ ๊ธ€๋“ค์ด ํŠธ๋žœ๋“œ ์ƒ์œ„๊ถŒ์— ์˜ฌ๋ผ๊ฐ”๋˜ ์ ์ด ๊ฝค ์žˆ์—ˆ๋‹ค.

ํƒ€ ํ”Œ๋žซํผ์—์„œ ๋ถˆํŽธํ•จ์„ ๋Š๋ผ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.

์—ฌ๋Ÿฌ ํ”Œ๋žซํผ๋“ค์„ ๋Œ์•„๋‹ค๋‹ˆ๋ฉฐ ๊ฐ ํ”Œ๋žซํผ๋งˆ๋‹ค ๋‚ด ๋งŒ์กฑ๋„๋ฅผ 100% ์ฑ„์šธ ์ˆ˜ ์žˆ๋Š”๊ฒƒ์—” ํ•œ๊ณ„๊ฐ€ ์žˆ์—ˆ๋‹ค. 10๊ฐ€์ง€ ๋””์ž์ธ, ๊ธฐ๋Šฅ์ด ์žˆ๋‹คํ•˜๋ฉด 7 ~ 8๊ฐœ๊ฐ€ ๋„ˆ๋ฌด ์ข‹์•„์„œ ๋งˆ์Œ์— ๋“ค์–ด์„œ ๊พธ์ค€ํžˆ ๊ธ€์„ ์ž‘์„ฑํ–ˆ์ง€๋งŒ, ์•„์‰ฝ๊ฒŒ๋„ ๋‚˜๋จธ์ง€ 2 ~ 3๊ฐœ๊ฐ€ ๋‚ด ๋งŒ์กฑ๋„๋ฅผ ๋†’์—ฌ์ค„ ์ˆ˜๊ฐ€ ์—†์—ˆ๋‹ค.


2. ๋‚˜๋งŒ์˜ ๋ธ”๋กœ๊ทธ ๊ฐœ๋ฐœ ์‹œ์ž‘ ๐Ÿš€

๋‚ด๊ฐ€ ์ง์ ‘ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค์ž.

์–ธ์  ๊ฐ„ ๊ผญ ๋‚˜๋งŒ์˜ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋‹ค. ๋„ˆ๋ฌด ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋‹ค. 17์‚ด ์–ด๋ฆฐ ์‹œ์ ˆ๋ถ€ํ„ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋ชฐ๋ก  ๊ธ€์“ฐ๊ธฐ๋ฅผ ๋„ˆ๋ฌด ์ข‹์•„ํ•˜๊ธฐ๋„ ํ–ˆ๊ณ , ํ˜„์žฌ๊นŒ์ง€๋„ ๊พธ์ค€ํžˆ ๊ธ€์„ ์“ฐ๊ณ ์žˆ์œผ๋‹ˆ, ๋งŒ๋“ค์ง€์•Š์„ ์ด์œ ๊ฐ€ ์—†์—ˆ๋‹ค. ๋‹ค๋งŒ ์•„๋ž˜์™€ ๊ฐ™์€ ๋งˆ์ธ๋“œ๊ฐ€ ์ง€๊ธˆ๊นŒ์ง€ ๋ธ”๋กœ๊ทธ ๊ฐœ๋ฐœ ์‹œ๊ธฐ๋ฅผ ๊ฝค ๋Šฆ์ถ”์—ˆ๋‹ค.

๋ธ”๋กœ๊ทธ ๊ฐœ๋ฐœ์„ ๋ง์„ค์ด๊ฒŒ ํ–ˆ๋˜ ์ž˜๋ชป๋œ ๊ฐ€์น˜๊ด€๋“ค

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

๋‚œ "์„œ๋ฒ„ ๊ฐœ๋ฐœ์ž" ์ด๋‹ˆ๊นŒ. ๋ผ๋Š” ์ƒ๊ฐ์ด ๋ช‡๋…„๊ฐ„ ๊ฐœ๋ฐœ์„ ์ง€์—ฐ์‹œ์ผฐ๋‹ค. ๋ฌด์—‡๋ณด๋‹ค ์ฃผ๋ณ€ ์‚ฌ๋žŒ๋“ค์˜ ๋‚ด ํŒ๋‹จ, ์ƒ๊ฐ์ด ์ž˜๋ชป๋˜์—ˆ๋‹ค๋Š” ์ง€์ ์ด ๋‚  ๊ฐ€์žฅ ๋ง์„ค์ด๊ฒŒํ–ˆ๋‹ค. ๊ฒฐ๊ตญ ์ƒ๊ฐ๋งŒ ํ•˜๊ณ  ํ–‰๋™์œผ๋กœ ์˜ฎ๊ธฐ์ง€ ๋ชปํ•œ์ฒด ์ƒ์ƒ ์†์—๋งŒ ๋ฌปํ˜€์ง„ ์„œ๋น„์Šค ์•„์ด๋””์–ด์˜€๋‹ค. (๋ญ, ๋‚˜์˜๊ฒŒ ๋งํ•˜๋ฉด ์ค๋Œ€์—†๊ณ  ํƒ€์ธ์—๊ฒŒ ํœ˜๋‘˜๋ฆฌ๋Š” ์‚ถ์„ ์‚ด๊ณ  ์žˆ์—ˆ๋˜๊ฒŒ ์•„๋‹๊นŒ ๐Ÿค”)

ํ•˜์ง€๋งŒ ์—ฐ๋ง์— ๊ฐœ์ธ์ ์ธ ํšŒ๊ณ ๋ฅผ ํ†ตํ•ด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฐ€์น˜๊ด€์„ ๋งŒ๋“ค์—ˆ๋‹ค.

๋ธ”๋กœ๊ทธ๋ฅผ ๊ฐœ๋ฐœํ•˜๊ธฐ์ „์— ์ƒ๊ฐํ•œ ๊ฐ€์น˜๊ด€

  • ํ”„๋ก ํŠธ์—”๋“œ ํ•™์Šต๊ณผ ๋ธ”๋กœ๊ทธ ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„์ด 6๋‹ฌ ์ •๋„๋‚˜ ์˜ค๋ž˜๊ฑธ๋ฆฌ๋Š”๊ฒŒ ๋งˆ์Œ๊ฒŒ ๊ฑธ๋ฆฐ๋‹ค๋ฉด, 1~2๋‹ฌ๋กœ ์ค„์ด๋ฉด ๋˜๋Š”๊ฑฐ ์•„๋‹Œ๊ฐ€?
  • ํƒ€์ธ์˜ ์˜๊ฒฌ์— ํœ˜๋‘˜๋ ค์„  ์•ˆ๋œ๋‹ค. ๋‚˜๋งŒ์˜ ์ƒ‰๊น”๊ณผ ๊ฐœ์„ฑ์„ ์ฐพ์•„๊ฐ€์ž.
  • ๋ชจ๋‘๊ฐ€ ์˜จ์ „ํžˆ ๋™์ผํ•œ ์‚ถ์„ ์‚ด๊ณ ์žˆ๋Š”๊ฒƒ์ด ์•„๋‹ˆ๊ธฐ์—, ๋‚ด ์ž์‹ ๋งŒ์ด ๋‚ด ์ƒํ™ฉ์„ ์ž˜ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ณ  ํŒ๋‹จํ•  ์ˆ˜ ์žˆ๋‹ค. ๋‹น์—ฐํžˆ ์˜์‚ฌ๊ฒฐ์ •๋„ ๋‚ด๊ฐ€ ํ•ด์•ผํ•œ๋‹ค.

๋ฌด์—‡๋ณด๋‹ค ๊ฐ’์ง„ ๋ฐฐ์›€์€ ํƒ€์ธ์—๊ฒŒ ํœ˜๋‘˜๋ฆฌ๋Š” ์‚ถ์„ ์‚ด๋ฉด ์•ˆ๋œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ๊ทธ๊ฑธ ์™œ ํ•ด? ํ•˜์ง€๋งˆ. ๋ผ๋Š” ํƒ€์ธ์˜ ์˜๊ฒฌ, ์‹œ์„ ์œผ๋กœ ๋ถ€ํ„ฐ ๋ฒ—์–ด๋‚˜๋‹ˆ ์ด๋ ‡๊ฒŒ ๋ธ”๋กœ๊ทธ ํ…Œ๋งˆ๋ฅผ ์™„์„ฑํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

1๋‹ฌ์— ๊ฑธ์ณ ๊ฐœ๋ฐœํ•œ Gatsby Haon Theme, ํž˜๋“ค์—ˆ๋˜ ์—ฌ์ •

Gatsby Haon Theme ๋ธ”๋กœ๊ทธ๋Š” ์•ฝ 1๋‹ฌ์— ๊ฑธ์ณ ๋งŒ๋“ค์–ด๋‚ธ ํ”Œ๋žซํผ์ด๋‹ค. ์˜ฌํ•ด 1์›”๋ถ€ํ„ฐ html, css, js, react.js ๋ฅผ ๋…ํ•™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ๊ณ , 2์›”๋ถ€ํ„ฐ ์•ฝ 1๋‹ฌ์— ๊ฑธ์ณ ๋งŒ๋“ค์–ด๋ƒˆ๋‹ค. ๋ฐฑ์—”๋“œ๋งŒ์„ ์ง‘์š”ํ•˜๊ฒŒ ๊ณต๋ถ€ํ–ˆ์ง€, ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ํ•™์Šตํ•œ ๊ฒฝํ—˜์ด ์—†์—ˆ๋‹ค.

์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ๋งŽ์€ ์–ด๋ ค์›€์ด ์žˆ์—ˆ๊ณ , ๊ทธ์—์„œ ๋งŽ์€ ๋ฐฐ์›€์„ ์–ป์—ˆ๋‹ค. ๊ธฐ์ˆ ์ ์ธ ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…์—์„œ๋„ ๋ชฐ๋ก  ๋ฐฐ์›€์ด ์žˆ์—ˆ์ง€๋งŒ, ์ด ๋ณด๋‹จ ๊ฐ€์น˜๊ด€์— ๋งŽ์€ ๋ณ€ํ™”๊ฐ€ ์žˆ์—ˆ๋‹ค. ์šฐ์„  ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ์ฒ˜์Œ ์ ‘ํ•œ ๋‚ด๊ฐ€ 1๋‹ฌ๋งŒ์— ํ”Œ๋žซํผ์„ ๋งŒ๋“ค์–ด๋‚ผ ์ˆ˜ ์žˆ์„๊นŒ? ๋ผ๋Š” ์งˆ๋ฌธ. ๊ทธ๋ฆฌ๊ณ  ๋ฏธ๋ž˜์— ๋Œ€ํ•œ ๋ถˆํ™•์‹ค์„ฑ์€ ๋ถˆ์•ˆํ•จ์œผ๋กœ ์ด์–ด์กŒ๋‹ค. ์ด ํ…Œ๋งˆ๋ฅผ ์ œ์ž‘ํ•˜๋ฉด์„œ ๋ถˆ์•ˆ, ์ดˆ์กฐํ•จ์„ ๋‹ค์Šค๋ฆฌ๋Š” ๋‚˜๋งŒ์˜ ๋ฐฉ๋ฒ•๋„ ๋งŒ๋“ค์—ˆ๋‹ค.

๋ฌด์—‡๋ณด๋‹ค ๊ฐ€์žฅ ํฐ ๋ฐฐ์›€์€ ํƒ€์ธ์—๊ฒŒ ํœ˜๋‘˜๋ฆฌ์ง€ ์•Š๊ณ , ๋‚˜๋งŒ์˜ ์ƒ‰๊น”์„ ์ฐพ์•„๊ฐ€๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์› ๋‹ค. ๋น„์Šทํ•œ ๋งฅ๋ฝ์œผ๋กœ, ์ตœ๊ทผ๋ถ€ํ„ฐ ๋‚ด๊ฐ€ ์‹ค์ฒœํ•˜๋Š” ํ–‰์œ„์— ๋น„๋‚œํ•˜๋Š” ์ œ 3์ž์™€์˜ ์‹ฌ์  ๊ฑฐ๋ฆฌ๋ฅผ ๋‘๊ธฐ ์‚ฌ์ž‘ํ–ˆ๋‹ค. ๋‚ด ์˜๊ฒฌ, ํ–‰์œ„์— ๋ฐฉํ•ดํ•˜๋Š” ์‚ฌ๋žŒ๋“ค๊ณผ ๊ฑฐ๋ฆฌ๋ฅผ ๋‘”๋‹ค๋Š”๊ฒƒ์ด ์•„๋‹ˆ๋‹ค. ํ˜„๋ช…ํ•œ ์กฐ์–ธ์ž๊ฐ€ ๋‚˜ํƒ€๋‚˜ ๋‚ด๊ฒŒ ๋ง์„ ๋‚ด๋ฑ‰์œผ๋ฉด ๊ฑฐ๋ฆฌ๋ฅผ ๋‘” ๋‹ค๋Š”๊ฒƒ์ด ์•„๋‹ˆ๋‹ค.


3. ๋ธ”๋กœ๊ทธ๋ฅผ ์ œ์ž‘ํ•˜๋Š”๋ฐ ๋„์›€์„ ๋ฐ›์€ ํƒ€ ํ”Œ๋žซํผ

Gatsby Haon Theme ๋ฅผ ์ œ์ž‘ํ•˜๋Š”๋ฐ ๋งŽ์€ ๋ธ”๋กœ๊ทธ ํ”Œ๋žซํผ๋“ค์„ ์ฐธ๊ณ ํ•˜๋ฉด์„œ ๋งŒ๋“ค์–ด๋ƒˆ๋‹ค. ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ ์ค‘ ๊ฐ€์žฅ ๋„์›€์„ ๋ฐ›์•˜๋˜ ๋ช‡๊ฐ€์ง€์— ๋Œ€ํ•ด์„œ ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•œ๋‹ค.

Hudi.blog

hudi.blog : ๊ฐ€์žฅ ๋งŽ์ด ์ฐธ๊ณ ํ–ˆ๋˜ Hudi ๋‹˜์˜ ๋ธ”๋กœ๊ทธ๋‹ค. ํ‰์†Œ ๋งŽ์€ ๋ฐฐ์›€์„ ์•ˆ๊ฒจ์ค€ ์ง€์ธ์ด๊ธฐ๋„ ํ•˜๋‹ค. ๋‹คํฌ/๋ผ์ดํŠธ ์ปฌ๋Ÿฌ๋ฅผ ๋ฒ ์ด์Šค๋กœ ์ฐจ๋ถ„ํ•จ์„ ์œ ์ง€ํ•˜๋ฉฐ, ๊น”๋”ํ•œ ๋ธ”๋กœ๊ทธ ๋””์ž์ธ์—์„œ ํฐ ์˜๊ฐ์„ ์–ป๊ณ  ์ฐธ๊ณ ํ•˜๋ฉฐ ๊ฐœ๋ฐœํ–ˆ๋‹ค. ๋™์ผํ•˜๊ฒŒ Gatsby ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“ค์—ˆ๋‹ค.

Velog

Velog : ์ด์ „๊นŒ์ง€ ์‚ฌ์šฉํ–ˆ๋˜ Velog ํ”Œ๋žซํผ์ด๋‹ค. Velog ์˜ Tag, Series ๋“ฑ์˜ ์žฅ์ ์„ ๊ทธ๋Œ€๋กœ ์‚ด๋ ค ๊ฐ€์ ธ์™”๋‹ค. ํ–ฅํ›„ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ๊นŒ์ง€ ๋„์ž…๋œ๋‹ค๋ฉด, Velog ํ”Œ๋žซํผ๊ณผ ๊ฐ™์ด ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ํ™œ์„ฑํ™”ํ•ด๋ณด๋Š” ๊ฒƒ๋„ ๊ณ ๋ฏผ์ค‘์ด๋‹ค ๐Ÿค”

junghyeonsu.dev

junghyeonsu.dev : ์ฐธ๊ณ ํ•  ๋ธ”๋กœ๊ทธ๋ฅผ ์ฐพ์•„๋ณด๋ฉฐ ์ •ํ˜„์ˆ˜๋‹˜์˜ ๊ฐœ์ธ ๋ธ”๋กœ๊ทธ๋ฅผ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. TagList ๋ฐ ๊ธฐ๋ณธ ํ…์ŠคํŠธ๋ฅผ ๋””์ž์ธํ•˜๋Š”๋ฐ ๋„์›€์„ ๋ฐ›์•˜๋‹ค.

Devsisters Tech Blog

๋ฐ๋ธŒ์‹œ์Šคํ„ฐ์ฆˆ ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ : ํฌ์ŠคํŠธ ๋ฆฌ์ŠคํŠธ์— ์ธ๋„ค์ผ ์ด๋ฏธ์ง€๋ฅผ ๋ฐฐ์น˜ํ•˜๋Š” ๋ฐฉ์‹์ด ์‹ฌํ”Œํ•˜๋ฉด์„œ๋„ ์˜ˆ๋ปค๋‹ค. PostList ๋ฅผ ๋งŒ๋“œ๋Š”๋ฐ ๋„์›€์„ ๋ฐ›์•˜๋‹ค.

์ด ์™ธ์—๋„ ์—ฌ๋Ÿฌ ๋‹ค๋ฅธ ๋ธ”๋กœ๊ทธ ํ”Œ๋žซํผ๊ณผ ํ”„๋กœ์ ํŠธ์—์„œ ๋งŽ์€ ์˜๊ฐ์„ ๋ฐ›์•˜์Œ์„ ๋ฐํžŒ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ์ฒ˜์Œ ์ ‘ํ•œ ๋‚ด๊ฐ€ Gatsby Theme ๋ฅผ ์•ฝ 1๋‹ฌ๋‚ด๋กœ ๋งŒ๋“ค๊ฒŒ ํ•ด์ฃผ์—ˆ๋˜ ๋งŽ์€ ๋ถ„๋“ค์—๊ฒŒ ๊ฐ์‚ฌ์˜ ๋ง์”€์„ ๋“œ๋ฆฐ๋‹ค.


๋‚ด๊ฒŒ ์žˆ์–ด ๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ๋ž€, ์šด์˜ ๊ฒŒํš

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

์•ž์œผ๋กœ ๋ธ”๋กœ๊ทธ ์šด์˜ ๊ณ„ํš์„ ๊ฐ„๋žตํžˆ ์ ์–ด๋ณด๊ฒ ๋‹ค.

๊ธฐ์กด์— ์ž‘์„ฑํ•œ ๊ธ€๋“ค์„ ์ด์ „

๊ธฐ์กด์— Velog ์— ์ž‘์„ฑํ–ˆ๋˜ ๊ธ€๋“ค์€ ํ˜„ Gatsby Theme ๋ฅผ ๋”ฐ๋กœ ๋นŒ๋“œํ•˜์—ฌ ์ƒˆ๋กญ๊ฒŒ ๋ธ”๋กœ๊ทธ๋ฅผ ๊ฐœ์„คํ•œ ํ›„ ์˜ฎ๊ฒจ๋†“์„ ์˜ˆ์ •์ด๋‹ค. ๊ณง ๊ธ€๋“ค์„ ์ƒˆ๋กญ๊ฒŒ ์ด์ „ํ•  ์˜ˆ์ •์ด๋‹ˆ, ๋‚ด ๋ธ”๋กœ๊ทธ์—์„œ ์กฐ๋งŒ๊ฐ„ ํ™•์ธ ๊ฐ€๋Šฅํ•˜๋‹ค.

๋งŽ์€ ๋ถ„๋“ค๊ณผ ํ•จ๊ป˜ Gatsby Theme ๋ธ”๋กœ๊ทธ๋ฅผ ๋ฐœ์ „์‹œํ‚ค์ž ๐Ÿ’ช

๋‚˜๋Š” ์•ž์„œ ๋งํ–ˆ๋“ฏ์ด ํ”„๋ก ํŠธ์—”๋“œ๊ฐ€ ์ „๋ฌธ ๋ถ„์•ผ๊ฐ€ ์•„๋‹ˆ๋‹ค. ์ด ํ…Œ๋งˆ์—๋Š” ์•„์ง ์ฐพ์ง€๋ชปํ•œ ๋ฒ„๊ทธ, ๊ฐœ์„ ์‚ฌํ•ญ๋“ค์ด ์ˆ˜๋‘๋ฃฉํ•  ๊ฒƒ์ด๋‹ค. ์•„์ง ๋งŽ์ด ๋ถ€์กฑํ•˜์ง€๋งŒ, ์ด ํ…Œ๋งˆ๋กœ ๋ธ”๋กœ๊ทธ๋ฅผ ๊ฐœ์„คํ•˜๊ณ  ์‹ถ๊ฑฐ๋‚˜ ํ•จ๊ป˜ ๋ฐœ์ „์‹œ์ผœ๋ณผ ๋ถ„๋“ค์€ Issue ๋ฅผ ๋งˆ์Œ๊ป ๋“ฑ๋กํ•ด์ฃผ๊ธธ ๋ฐ”๋ž€๋‹ค. PR ๊ณผ ๊ฐœ์ธ์ ์ธ ๋ฌธ์˜ ๋˜ํ•œ ๋‹น์—ฐํžˆ ๋Œ€ํ™˜์˜์ด๋‹ค! ๐Ÿ˜†

๋ฐฑ์—”๋“œ ์„œ๋ฒ„ ์—ฐ๋™, ์ปค๋ฎค๋‹ˆํ‹ฐ์„ฑ ๋ธ”๋กœ๊ทธ๋กœ ๋ฐœ์ „์‹œํ‚ค๊ธฐ

๋‹น์žฅ์˜ ๊ณ„ํš์€ ์—†์ง€๋งŒ, ์•ž์„œ ๋งํ–ˆ๋“ฏ์ด ๋ฐฑ์—”๋“œ ์„œ๋ฒ„๋ฅผ ์—ฐ๋™ํ•˜์—ฌ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ๋ฐœ์ „ํ•ด ๋ณผ ์˜ํ–ฅ์ด ์žˆ๋‹ค. ํ–ฅํ›„ ์ƒ๊ฐ์ด ์ƒ๊ธด๋‹ค๋ฉด, ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋ฐœ์ „์‹œ์ผœ ๋ณด๊ณ ์ž ํ•œ๋‹ค.


๋งˆ์น˜๋ฉฐ

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

Gatsby-Starter-Haon ์„ ์‚ฌ์šฉํ•˜๋‹ค๊ฐ€ ์†Œํ†ตํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์ด ์ƒ๊ธด๋‹ค๋ฉด Social ํŽ˜์ด์ง€ ๋˜๋Š” Issue ๋“ฑ๋กํ•˜๊ธฐ ์—๋‹ค ์ž์œ ๋กญ๊ฒŒ ์ฝ”๋ฉ˜ํŠธ๋ฅผ ๋‚จ๊ฒจ์ฃผ๊ธธ ๋ฐ”๋ž€๋‹ค!