Blog Migration
๐ ๋์ ๋ธ๋ก๊ทธ๋ค
2020๋ ๋ค์ด์ ์๋งํ๋ ๋ธ๋ก๊ทธ ์ด์ฌ๋ฅผ ๋๋๋ค๐๐ ์ง๊ธ ์๊ฐํด๋ณด๋ฉด ์ ์ด๋ ๊ฒ ์ค๋๊ฑธ๋ ธ๋ ์ถ์ง๋ง.. ๋ค์ ๋์๊ฐ๋ ๋น์ทํ์ง ์์๊น
2017๋ ๋ง์ผํ ์ชฝ์ผ๋ก ๊ณต๋ถ๋ฅผ ํด๋ณด๊ฒ ๋ค๋ฉฐ ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ๋ฅผ ์์ํ์๋ค. ๊ทธ ์ดํ 2019๋ ๊ฐ๋ฐ์ด ํ๊ณ ์ถ์ด Google Blogger๋ฅผ ์ฒ์ ์์ํ๊ฒ ๋์๋๋ฐ ๊ทธ ๋๋ ์ฌ๋ฌ ์ ํ์ง ๊ฐ์ด๋ฐ Blogger๋ฅผ ์ ํํ์๋ค.
๋ธ๋ก๊ทธ์ ์์์ฑ์ ๋ฐ์ง๋๋ผ๋ Tistory ๋ณด๋ค๋ Blogger๊ฐ ์ค๋๊ฐ ๊ฒ ๊ฐ์๊ณ ๊ตฌ๊ธ๋ง์ ์์ฃผํ๋ ๊ฐ๋ฐ์์ ํน์ฑ์ google search์ ์ข๋ ์ต์ ํ ๋์ด์๋ค๋ ๋๋์ ๋ฐ์์ผ๋ฉฐ, ์ผ๋จ ๋ฌด์๋ณด๋ค๋ Google์์ ์ ๊ณตํ๋ ์๋น์ค๊ฐ ๋ฉ์๋ค๊ณ ์๊ฐํ๋ค.
๐โโ๏ธ ์ด์ฌ๊ฒฐ์ฌ
๊ทธ๋ฐ๋ฐ ๋ฐ๋ ๊ฐ ํฌ์คํ ์ ํ๋ฉด์ ๋๋ฆ ๋ธ๋ก๊ทธ๋ก ์์ต์ ๋ด๋ณด๊ฒ ๋ค๊ณ ๋ถ์ธ ๊ตฌ๊ธ ์ ๋์ผ์ค์, code editor์์์ code ๋ณต๋ถ, ํ์ ๋ ํ ๋ง์ ์ ํ์ ์ธ ๊ธฐ๋ฅ๋ค๋ก ์ธํด ์ ์ UI, UX๋ถ๋ถ์ ์์ด ์ ์ข์์ง๊ธฐ ์์ํ๋ค. (์๋ฌด๋๋ ์์ธ์ ์ฐ๋ค์ด ์์ต์ ๋ด๋ณด๊ฒ ๋ค๊ณ ๋ถ์ธ ์ ๋์ผ์ค๊ฐ ํฐ ์ญํ ์ ํ๋ค.)
๋ชจ๋ฐ์ผ ํธ์์ฑ ๋ถ๋ถ์ ์์ด์๋ ๋ฐ์ํ์ ๋ฌด์ํ๋ ํฌ์คํ ์ ํ์๊ณ โฆ
๊ธ์ ๊ธฐ๋ณธ ๋ถ๋ฅ๊ฐ ๋ ์ง๋ถ๋ฅ๋ก ์ ๊ณต ๋๊ธฐ๋๋ฌธ์ ๊ฐ์ธ์ ์ผ๋ก tag์ ๋ฐ๋ฅธ ์ปค์คํฐ๋ง์ด์ง์ ํ์ง๋ง ์ฌ์ ํ ๋ณด๊ธฐ ๋ถํธํ ์ ๋ ํญ์ ๋ง์์ ๊ฑธ๋ ธ๋ค.
๐ ์ ํ
๊ทธ๋ฆฌ๊ณ 2020๋ ๋ค์๊ธ ๊ณต๋ถํ๋ ๊ฒ๋ค์ ์ ๋ฆฌํด์ผ๊ฒ ๋ค๊ณ ์๊ฐ์ ํ๊ณ , ์ด๋ฒ์๋ ํ๋ซํผ์ ์ข ์์ฑ์์ ๋ฒ์ด๋ ๋๋ง์ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค์ด์ผ๊ฒ ๋ค๊ณ ์๊ฐํ๋ค.
Django์ ์ด๋์ ๋ ์ต์ํด์ก๊ธฐ๋๋ฌธ์ Django๋ก ๋ง๋ค๊ณ ๊ด๋ฆฌ๋ฅผ ํ ์ ์์์ง๋ง ์ ์ ์ธ Page์ธ ๋งํผ Django๋ก ๋ง๋ค๊ธฐ ๋ณด๋ค๋ React๊ธฐ๋ฐ์ gatsby๋ก ๋ง๋ค๋ฉด์ React์๋ ์๊พธ๋ง ๋ถ๋ชํ๋ณด๊ณ ์ถ์๋ค.
์ด ๋ถ๋ถ์ด Hexo(node.js)๋ jekyll(ROR)๋ณด๋ค gatsby๋ฅผ ์ ํํ๊ฒ ๋ ๊ฐ์ฅ ํฐ์ด์ ๋ผ ๋ณผ์์๋ค.
๐ ์ด์ฌํ๊ธฐ
ํ ํ๋ฆฟ์ ์ฌ์ฉํ์ง ์๊ณ ๋๋ง์ ์๊น์ด ๋ฌป์ด๋๋ Blog๋ฅผ ๋ง๋ ๋ค๋ ๊ฒ์ ๊ฝค๋ ์ด๋ ค์ ๋ค. ์์ํ graphql ์ฌ์ฉ๋ฒ๋ถํฐ ๊ฐ์ข ํ๋ฌ๊ทธ์ธ์ ์ ์ฉ์ ์ํด ๊ธฐ์กด์ ํ ํ๋ฆฟ์ ์ฐธ๊ณ ํ๊ณ ๊ณต์ ํํ์ด์ง์ tutorial๋ ์ฝ์ด๋ณด๋ฉฐ ๋ง๋ค๊ณ ์๋ค.(ํ์ฌ ์งํํ)
ํ ๋ง๋ ์ต๊ทผ ๋ง์ด ๋ง์ neumorphism์ ์ ์ฉ์์ผ ๊น๋ํ๊ณ ๊ธ์ ์ฝ๋๋ฐ ์ง์คํ ์ ์๊ฒ ํ๋ค. (๋์์ธ ๊ฐ๊ฐ์ด ์์ด๋ณด์ด๋ ์๊ธฐ๋ง์กฑ๋ ์ป์๋ค.)
์ด๋์ ๋ ๊ธฐํ์ด ๋ค์ ธ์ง ์ดํ ์ด์ Blogger์ ์๋ ์๋ฃ์ค JAVA๋ถ๋ถ์ ์ ์ธํ๊ณ ํฌ์คํ ๋ค์ Markdown์ผ๋ก ์ฎ๊ฒจ๋ด์ ํฌ์คํ ํ๊ณ ๊ทธ ๊ฒฐ๊ณผ Blogger๋ณด๋ค ํจ์ฌ ์ฝ๊ธฐ ํธ์ํด์ง ๊ฒ๊ฐ๋ค. (ํฌ์คํ ์ md๋ก ์ฎ๊ฒจ ๋ด์๊ธฐ๋๋ฌธ์ ์ถํ์ ๋ค์๊ธ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ฌํ ์ผ์ด ์๊ฒจ๋ ๋ฌธ์ ์์ด ์ฎ๊ธธ ์ ์๊ฒ ๋์๋ค.)
๊ทธ๋ฆฌ๊ณ ๋๋ง์ ๋๋ฉ์ธ์ ์ฌ๊ณ ์ถ์ด io(input output)์ dev(develop)์ค ์ต๊ทผ์ ๋์จ dev๋ก ๊ตฌ๋งค๋ฅผ ํ๊ณ (๋ ์ ๋ ดํ๊ฒ + ๋ฉ์ง) ๋ฐฐํฌ๋ฅผ ํ๋ netlify์ ๋๋ฉ์ธ์ ๋ฑ๋กํ์ฌ ์ฌ์ฉํ๊ณ ์๋ค. (CD(Continuous Deploy)๋ฅผ ์๋์ผ๋ก ํด์ฃผ๋ ๋ถ๋ถ, ๋ฐฐํฌ์ ํธ๋ฆฌํจ ๋ฑ ์์ฃผ์์ฃผ ํธํ๊ฒ ์ด์ฉ์ค์ด๋ค.)
์์ง์ ์ฑ์์ผ ํ ๊ฒ ๋ง์ runchi Blog์ด๋ค. ์์ผ๋ก ์ง์์ ์ธ ๋ธ๋ก๊ทธ ๊ด๋ฆฌ์ ํฌ์คํ ์ ํด๋๊ฐ๋ฉฐ ๋์ ๊ฐ์ด ์ฑ์ฅํด๋๊ฐ ๋ธ๋ก๊ทธ๋ก ํค์์ผ๊ฒ ๋ค.
๐พ ๋ฒ์ธํ๊ธฐ
๊ทธ๋ฐ ์๋ฏธ์์ ์ง๋ ๋ธ๋ก๊ทธ์์๋ โ๋ฒฝ์ ๊ทธ๋ฆฐ ๋์ ํคโ๋ผ๊ณ ์ด๋ฆ์ ์ง์์๋ค.
์๋ฏธ๋ ์ด๋ฆด์ ๋ฒฝ์ง์ ๋ด๊ฐ ์๋ผ๋๋ ํค๋ฅผ ํ์ํด ๋๊ณค ํ์๋๋ฐ, ์ด๋์ ๋ณด๋ฉด ๋ด๊ฐ ์ด๋ด๋๋ ์์๊ตฌ๋, ์ง๊ธ์ ๊ทธ๋์ ๋นํด ๋ง์ด ์ปธ๊ตฌ๋ ํ๋ ๋ง์ ๊ฐ์ ์ ๋๋ผ๊ฒ ํ์๋ค. ๋ด ๋ธ๋ก๊ทธ๋ ์ผ์์ ์ด๊ณ ์๊ฐ์๊ฐ์ ๊ธฐ๋ก์ด์ง๋ง ํ๋ ๋์๋ณด๋ฉด ๊ทธ๋ฌํ ๊ธฐ๋ก์ด ๋๊ณ ์ถ์ ์๋ฏธ๋ก ์ฌ์ฉ์ ํ๋ ์ด๋ฆ์ด์๋ค. ๊ทธ๋ฆฌ๊ณ ์ค์ ๋ก ์ด๋ฒ์ Blog migration ์์ ์ ํ๋ฉด์๋ 1๋ ์ ์ ๋๋ฅผ ๋๋์๋ณผ์ ์์๋, ์ผ๋ง๋ ์ฑ์ฅํ๋์ง๋ฅผ ๊ฐ๋ ํด๋ณผ์ ์์๋, ์์ผ๋ก์ ๋ฐฉํฅ์ ๋ค ์ก์ ์ ์์๋ ์ข์ ๊ธฐ๋ก์ด ๋์ฃผ์๋ค.
ํ์ง๋ง ์ง๊ธ์ runchi๊ฐ ๋์์ง.