Wed Aug 12 2020
...
FastComments๋ก GatsbyJS ์ฌ์ดํธ์ ๋๊ธ ์ฝ์ ํ๊ธฐ
! ์ด ๊ธ์๋ ๊ธฐ์ ์ ์ฉ์ด๊ฐ ํฌํจ๋์ด ์์ต๋๋ค
์๋ก์ด ์ฌํญ
์ต๊ทผ์ FastComments๋ฅผ ์ํ React ์ปดํฌ๋ํธ๋ฅผ ์ถ์ํ์ต๋๋ค.
์ด๋ก ์ธํด ๋ง์ ๊ธฐํ๊ฐ ์ด๋ฆฌ๋ฉฐ - FastComments์ Gatsby๋ฅผ ํตํฉํ ์ ์์ต๋๋ค.
์์ ๋ง์ ๋ํผ๋ฅผ ์์ฑํ ๊ฒฝ์ฐ
FastComments๋ฅผ ์ํ ์์ ๋ง์ React ๋ํผ๋ฅผ ์์ฑํ ๊ฒฝ์ฐ - ์ ๋ํผ๋ก ๊ต์ฒดํ๋ ๊ฒ์ ๊ณ ๋ คํด ๋ณด์ธ์. ์ฐ๋ฆฌ๋ ์ด ์ถ์ํ๋ฅผ ์ ์งํด ๋๋ฆฌ๋ฉฐ - ๊ทธ๋ฆฌ๊ณ ๊ตฌ์ฑ ๋ณ๊ฒฝ ์ ์๋ ์๋ก ๊ณ ์นจ๊ณผ ๊ฐ์ ๋ง์ ์ ์ฉํ ๊ธฐ๋ฅ์ ํฌํจํ๊ณ ์์ต๋๋ค.
์๋ ๋ฐฉ์
FastComments๋ ํต์ฌ ์์ ฏ ์ฃผ์์ React ์ปดํฌ๋ํธ๋ฅผ ๋ํผ๋ก ์ฌ์ฉํ๋ฏ๋ก - ํด๋ผ์ด์ธํธ ์ธก์์ ์์ ฏ์ ์ธ์คํด์คํํ๊ธฐ ์ํด ์ฐ๋ฆฌ์ React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ๋ง์ผ๋ก ์ถฉ๋ถํฉ๋๋ค.
์ฐ๋ฆฌ๋ ์ด ์ปดํฌ๋ํธ๋ฅผ ์์ ํ ์ง์ํ๋ฉฐ ์ง์์ ์ผ๋ก ์ ๋ฐ์ดํธํ ๊ฒ์ ๋๋ค.
์์๊ฐ ์๋์?
์ฐ๋ฆฌ๋ ์์๋ฅผ ์ค์ ํ๊ธฐ ์์ํ์ผ๋ฉฐ, ๋น์ ์ ์ฌ๊ธฐ์์ ํ์ธํ ์ ์์ต๋๋ค.
๋์ดํธ ๋ชจ๋
์ฐ๋ฆฌ๊ฐ ๊ฐ์ง๊ณ ์๋ ์์ ์ค ํ๋๋ "๋์ดํธ ๋ชจ๋"๋ก, ๊ฒ์์(๋๋ ๋งค์ฐ ์ด๋์ด) ๋ฐฐ๊ฒฝ์ ๊ฐ์ง ์ฌ์ดํธ์ FastComments๋ฅผ ๋ ๋๋งํ๋ ๊ฒ์ ๋๋ค: https://github.com/FastComments/fastcomments-react/blob/master/example/src/DarkModeApp.tsx.
๋ํ, ์์ ฏ์ด ๊ตฌ์ฑ ๋ณ๊ฒฝ์ ๋ฐ์ํ๋ฏ๋ก ์ฌ์ดํธ์ ํ ๋ง๋ฅผ ์ ํํ ์ ์๋ ๋ชจ๋๋ฅผ ๊ฐ์ง ์ ์์ผ๋ฉฐ fastcomments-react์๊ฒ ์ฝ๊ฒ ์ ๋ฐ์ดํธํ๋๋ก ์ง์ํ ์ ์์ต๋๋ค.
๊ฒฐ๋ก
FastComments๋ฅผ Gatsby ์ฌ์ดํธ์ ํตํฉํ๋ ๊ฒ์ด ๋น ๋ฅด๊ณ ์ฌ์ด ๊ฒ์ ๋ฐ๊ฒฌํ์๊ธธ ๋ฐ๋๋๋ค.
๊ฑด๋ฐฐ!
