React ๊ธฐ๋ฐ Gatsby๋ก ๊ธฐ์ ๋ธ๋ก๊ทธ ๊ฐ๋ฐํ๊ธฐ
React ๊ธฐ๋ฐ ์ ์ ์ฌ์ดํธ ์์ฑ ํ๋ ์์ํฌ์ธ Gatsby๋ฅผ ํตํด ๋๋ง์ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค์ด๋ณด๋ ์์ ์ ๋๋ค :)
์๊ฐ์ 2,995๋ช
๋์ด๋ ์ค๊ธ์ด์
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
์ธ๋ค์ผ ์ด๋ฏธ์ง๊ฐ ๋ณด์ด์ง ์์ต๋๋ค!
PostItem.tsximport React, { FunctionComponent } from 'react' i
๋ธ๋ก๊ทธgatsbyBruce Han
ใป
5๋ฌ ์
0
55
2
- ๋ฏธํด๊ฒฐ
yarn build ์ ์ค๋ฅ๊ฐ๋ฉ๋๋ค..
Building static HTML failed for path "/info/"See our docs page for more info on this error: https://gatsby.dev/debug-html WebpackErr
๋ธ๋ก๊ทธgatsby์์ฑ๋ช
ใป
0
252
1
- ๋ฏธํด๊ฒฐ
์ด๋ฏธ์ง๊ฐ ์ถ๋ ฅ๋์ง์์์ใ ใ
์ ์๋์ด ์๋ ค์ฃผ์ ๋๋ก ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค์ด์ ์ ์ฉํ๊ฒ ์ด์์ค์ ๋๋ค. ์ง๊ธ๊น์ง ๋ณ ๋ค๋ฅธ ๋ฌธ์ ๊ฐ ์์๋๋ฐ 1๋ฌ์ ๋ถํฐ ๊ฐ์๊ธฐ ๋งํฌ๋ค์ด ์ด๋ฏธ์ง๊ฐ ์๋ณด์ด๋๋ผ๊ตฌ์ใ ใ ์ด์ํ๊ฑด 5์31์ผ ์ดํ ์์ฑํ ๋งํฌ๋ค์ด ๊ฒ์๋ฌผ๋ค๋ง ์ด๋ฏธ์ง๊ฐ ์ถ๋ ฅ๋์ง ์๋๋ค๋๊ฒ๋๋ค..</
๋ธ๋ก๊ทธgatsbyimage๋ณ์ฌ์
ใป
0
377
2
- ๋ฏธํด๊ฒฐ
ํ๋ก์ ํธ ๋ช ๋ฌด์์ผ๋ก ์์ฑํ์๋์?
npx gatsby-cli new "[ํ๋ก์ ํธ]" ํ๋ก์ ํธ ๋ฌด์์ผ๋ก ์์ฑํ์ จ๋์?
๋ธ๋ก๊ทธgatsby๋ฌ์ฝคํ ๊ณ ์์ด
ใป
0
686
1
- ๋ฏธํด๊ฒฐ
์น์ 3 MDํ์ผ์ ์ฌ์ฉํ๊ธฐ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ธํ ํ๊ธฐ์์
gatsby-config.js ํ์ผ์ ์์ ํ๋ฉด ์๋ฌ๊ฐ ๋น๋๋ค.. C:\blog\my-blog>gatsby develop success compile gatsby files - 1.894s success loa
๋ธ๋ก๊ทธgatsby์ด์ํ
ใป
0
465
1
- ํด๊ฒฐ
ModuleNotFoundError: Module not found: Error: Can't resolve 'react-helmet' ์๋ฌ
๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค ๋ฐฐํฌ ๋ง๋ฐ์ง์ธ๋ฐ์ ๋ค๋ฆ์ด ์๋๋ผ react-helmet ๋ชจ๋ ์๋ฌ๊ฐ ๊ณ์ ๋๋๋ฐ ํน์ ๊ฐ์ ์๋ฌ ๊ฒช์ผ์ ๋ถ ์๋์? <a target="_blank" rel="noopener noreferrer nofollow" href="https
๋ธ๋ก๊ทธgatsbythehrto12
ใป
0
1,192
2
- ๋ฏธํด๊ฒฐ
gatsby-node.js์ ๊ธฐ์กด์ฝ๋
// ๊ธฐ์กด์ ์ค์น์ ์์ฑ๋์ด์๋ ์ฝ๋ exports.createPages = async ({ actions }) => { const { createPage } = actions createPage({ pat
๋ธ๋ก๊ทธgatsbyjj4783
ใป
0
803
2
- ๋ฏธํด๊ฒฐ
gatsby command ์ฐพ๊ธฐ ์คํจ
๋ค๋ฆ์ด ์๋๊ณ , ๋ชจ์ ์คํ ๋๋ฆฌ๋ ค `gatsby develop`์ ์คํํ๋ฉด command not found: gatsby๊ฐ ๋ ์, ํจํค์ง ๋ท ์ ์ด์จ์ "start: gatsby develop"์ ๋ณด๊ณ npm run start๋ฅผ ํตํด ๊ตฌ๋์์ผฐ๋๋ฐ์, ๋ณ๋๋ก ๊ฐ์ธ ๋น
๋ธ๋ก๊ทธgatsbyjj4783
ใป
0
701
1
- ๋ฏธํด๊ฒฐ
Cannot query field "fields" on type "MarkdownRemark". error ๋ฐ
slug์ค์ ํ๋ ๋ถ๋ถ ๊ฐ์๋ฅผ ๋ณด๊ณ ์๋ Cannot query field "fields" on type "MarkdownRemark". error๊ฐ ๋จ๋ฉด์ ๊ฐ๋ฐ ์๋ฒ์์ ์๋ฌ๊ฐ ๋ฐ์ํฉ๋๋ค. ๋ฉฐ์น ์์นญํ
๋ธ๋ก๊ทธgatsbyjych2365
ใป
0
597
1
- ๋ฏธํด๊ฒฐ
13๊ฐ๊น์ง ๋ค์๋๋ฐ, ํ๋กํ ์ด๋ฏธ์ง์ ์ธ๋ค์ผ ์ด๋ฏธ์ง๊ฐ ์ ๋จ์ง ์์ต๋๋ค.
์๋ ํ์ธ์,๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค. 13๊ฐ๊น์ง ์ ๋ฐ๋ผ์๋๋ฐ, ์ด๋ฏธ์ง๊ฐ ์ ๋จ์ง ์๋ ํ์์ด ์๋๋ฐ ์ด๋ค ๋ถ๋ถ ๋๋ฌธ์ธ์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.์ ์ ๋ ํฌ ๋งํฌ๋ ์ฌ๊ธฐ์ ๋๋ค.&n
๋ธ๋ก๊ทธgatsby๋ค์จ
ใป
0
521
1
- ํด๊ฒฐ
[17๊ฐ 25๊ฐ] Cannot query field "html" on type "MarkdownRemark" ์ค๋ฅ
์๋ ํ์ธ์ ๋ณธ ๊ฐ์๋ฅผ ํตํด ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค๊ณ ์์ต๋๋ค.17๊ฐ์ ์งํํ๋ ์ค์ <img src="https://cdn.inflearn.com/public/files/posts/648d7d9f-ac4f-4eb8-9359-271c50bf80e9/
๋ธ๋ก๊ทธgatsby์ฟผ๋ฆฌhtml์ด์ฌ์ฉ
ใป
1
621
1
- ํด๊ฒฐ
์ฟผ๋ฆฌ์ค๋ฅ Field "thumbnail" must not have a selection...
๋ฉ์ธ ํ์ด์ง์์ Props๋ก ๋ฐ์ ํฌ์คํธ ๋ฐ์ดํฐ ์ถ๋ ฅํ๊ธฐ ๊ฐ์์์ ์ฌ๊ธฐ๊น์ง ํ ํ, 2๊ฐ์ ํฌ์คํธ ์์ดํ ์ด ํ๋ฉด์ ์ ์ถ๋ ฅ๋๋์ง ํ์ธํด์ฃผ์ธ์.>>>> ์ด ๋ถ๋ถ๊น์ง ํ๊ณ ์คํ์ ํ๋ ค๋ ์๋์ ๊ฐ
๋ธ๋ก๊ทธgatsbyGatsbyblog๊น์์ฐ
ใป
1
838
1
- ๋ฏธํด๊ฒฐ
ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ค์ ํ ๋ jsxPragma ์ต์ ์ ๋บ ์ด์ ๋ ๋ฌด์์ธ๊ฐ์?
gatsby-plugin-typescript ๊ณต์ ๋ฌธ์๋ฅผ ๋ณด๋ฉด jsxPragma ์ต์ ์ด ๋ค์ด๊ฐ๋๋ฐ ์ฌ๊ธฐ์ ๋บ ์ด์ ๊ฐ ๊ถ๊ธํด์!์ถ๊ฐ๋ก ํน์ ์ด jsxPragma๊ฐ ์ด๋ค ์ญํ ์ ํ๋์ง ์ ์ ์์๊น์? ๊ฒ์ํด๋ ์ ์ดํด๊ฐ ์๋์์!
๋ธ๋ก๊ทธbloggatsbyGatsbytypescriptjsxpragma๋ฉํ๋ชฝ๋ฎ์
ใป
1
565
1
- ๋ฏธํด๊ฒฐ
๋ง์ง๋ง ๋ฐฐํฌ ๋ถ๋ถ ์ง๋ฌธ๋๋ฆฝ๋๋ค!
๋ฐฐํฌํ๊ธฐ ์ ์ ๋ ํฌ์งํ ๋ฆฌ ์์ฑํ๋๋ฐ ๊ฐ๋ฐํ ๋ด์ฉ ๋ ํฌ์งํ ๋ฆฌ์ remoteํ๊ฑฐ๋ ํ์ผ์ ๋ฃ์ด์ผ ํ๋ ๊ฑฐ ์๋๊ฐ์?
๋ธ๋ก๊ทธbloggatsbyGatsbybjlaancgk
ใป
1
608
1
- ํด๊ฒฐ
'[username]/[username].github.io' -> 'username/reponame'
์๋ต
blogGatsbyhanumoka
ใป
0
330
0
- ๋ฏธํด๊ฒฐ
IntersectionObserver deploy( gatsby build) ์ ์ค๋ฅ(์๋ต)
useInfiniteScroll.tsx ํ์ผIntersectionObserver ๊ตฌ๋ฌธ์์ ์ค๋ฅ ๋ฐ์์๋ ์ฒ๋ผ ์ฝ๋ ์์ import { MutableRefObject, useState, us
Gatsbybloghanumoka
ใป
1
376
1
- ๋ฏธํด๊ฒฐ
PostHead.tsx BackgroundImage ๋์์ค๋ฅ(์๋ต)
PostHead Head์ชฝ์ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ฌ ์๋์ฒ๋ผ ์ฝ๋๋ฅผ ์์ ํ์ต๋๋ค.PostHead.tsx ํ์ผ์ ์๋์ฝ๋๋ฅผtype PostHeadProps = PostHeadInfoProps & {
Gatsbybloghanumoka
ใป
1
283
0
- ๋ฏธํด๊ฒฐ
19๊ฐ ์ธํผ๋ํฐ ์คํฌ๋กค IntersectionObserver ์ฝ๋ ์์น ์์ ์ด ํ์ํฉ๋๋ค.
gatsby develop ์์๋ ๋ฌธ์ ๊ฐ ์๋์ง๋ง, gatsby build ์์ ๋ฌธ์ ๊ฐ ๋๋ ๋ถ๋ถ์ ๋๋ค.์ฐธ๊ณ ํ ์ฌ์ดํธ๋ ์๋์ ๊ฐ์ต๋๋ค.<a target="_blank" rel="noopener noreferrer nofollow" hre
Gatsbyblogkjeonghoon065
ใป
1
388
1
- ๋ฏธํด๊ฒฐ
์ธ๋ค์ผ ์ด๋ฏธ์ง ์ ์ ๋ฐ ํ์ต ๋ฐฉ๋ฒ ๊ด๋ จ ๋ฌธ์
๊ฐ์ฌ๋ ์ ๋ง ์์ธํ๊ฒ ์จ๋์ ๊ฐ์๋ก ๋ธ๋ก๊ทธ ์ด์ฌํ ๋ง๋ค์ด๋ณด๋ฉฐ ์ ๋ฐฐ์ฐ๊ณ ์์ต๋๋ค.๋ค๋ฆ ์๋๋ผ ...<img src="https://cdn.inflearn.com/public/files/posts/986e0da3-9bcd-4c1a-834e-f2d8889
blogGatsbyk29176@gmail.com
ใป
1
419
1
- ๋ฏธํด๊ฒฐ
๋ฐฐํฌ ํ ํฌ์คํธ ์ ๋ก๋ ๋ฐฉ๋ฒ
์๋ ํ์ธ์, ํ๋๋๋๋ถ์ ์ข์ ๊ฐ์๋ฅผ ๋ณด๊ณ ๋ธ๋ก๊ทธ๋ฅผ ๋ฐฐํฌ๊น์ง ์๋ฃํ๊ฒ ๋์์ต๋๋ค. ๋ค๋ง ๋ฐฐํฌ๊ฐ ๋ค ์๋ฃ๋ ์์ ์ดํ๋ก๊ฒ์๊ธ์ ์์ฑํ์ฌ์ ์ ๋ก๋ ํ๋ ค๋ฉด develop branch์์ mdํ์ผ ์์ฑํ์
blogGatsbyํ๋ฆฌ๋ง
ใป
1
350
1






