무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
사이트맵 읽을 수 없음
안녕하세요 몇 주전 부터 계속 구글 서치 콘솔 사이트맵 에러뜨길래 기다리면 되는 줄 알았더니 안 되더라구요 에러 내용은 '사이트맵을 읽을 수 없음' 그러나 '사이트맵 열기' 버튼을 누르면 잘 나옵니다. 소유권 확인도 HTML 태그, HTML 파일 모두 확인 완료가 됐습니다. 사이트맵도 링크 따라가면 잘 나오는데 구글 서치 콘솔에서만 안 되더라구요 네이버는 잘 되는데 혹시 어떤 문제일 가능성이 높나요? https://qnrjs42.github.io/sitemap/sitemap-index.xml
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
Netlify에서 배포 build 시 useInfiniteScroll 부분에서 오류가 납니다.
과정과는 약간 다른 문제인 듯 싶은데요. Github에 올린 뒤 Netlify에서 배포하는 중입니다. 이때 Netlify Build과정에서 오류가 나서 보니 new IntersectionObserver 부분에서 인식할 수 없다고 오류가 납니다. 조금 검색해보니 SSR 할 경우에는 useEffect 안에 넣어야 한다고 해서 적용하여 해결했는데요. 강좌에 적용하면 어떨까 해서 문의드립니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
페이지네이션도 다뤄주실 수 있나요?
공식문서를 봐도 좀 어렵더라구요 계획 없으시면 어쩔 수 없죠...
- 해결됨React 기반 Gatsby로 기술 블로그 개발하기
github page 배포 질문
안녕하세요! 덕분에 무사히 강의를 완주하였습니다. github page로 배포까지 완료하였는데 배포 후 댓글기능이 왜 안되는지 모르겠어서 질문드리려고 합니다. (수정) 레포지토리 링크는 위와 같고, username/username.github.io 컨벤션을 수정했는데도 안되서 여쭤봅니다! 추가로 궁금한 점은, 한번 이렇게 배포하고 나면 코드를 수정하거나 md 파일을 추가로 업로드해줄 경우에 deploy를 또 해야하는건지 궁금합니다! (배포 후 코드를 수정하고 yarn deploy가 안되더라구요...) 감사합니다.
- 해결됨React 기반 Gatsby로 기술 블로그 개발하기
메타 태그 추가하기
해당 강의 맨 마지막에 "이제 메인 페이지 컴포넌트 상에서 title, description, url 데이터를 Query하는 부분을 구현해봅시다. 이 데이터는 site 필드 내에 siteMetadata 필드에 정의되어 있으므로 다음과 같이 Query 코드를 추가해줍시다. 그리고 이미지 링크도 넘겨줘야 하므로 file 필드내의 publicURL 데이터도 불러와줍시다. 이렇게 불러온 모든 데이터들을 Template 컴포넌트에 넘겨주는 부분까지 작성해봅시다." 이 부분의 코드가 빠진 것으로 보이는데 맞나요..?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
게시글 페이지 반응형 디자인 구현하기 부분
src/components/Post/PostHead.tsx 에 있는 const PostHeadInfoWrapper 및 여러 부분들은 PostHeadInfo.tsx 에 적용하셔야합니다
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
댓글 기능 작성 오류나시는 분들
깃헙 저장소 이름은 반드시 유저이름.github.io 로 변경/생성 하셔야하며 코드 도중 등장하는 CommentWidget.tsx 에서의 src 는 const src ='<https://utteranc.es/client.js>'; 에서 < > 를 뺀 https://utteranc.es/client.js 만 입력하시면 정상적으로 동작할겁니다
- 해결됨React 기반 Gatsby로 기술 블로그 개발하기
게시글 연결 에러(404)
안녕하세요! '포스트 아이템 링크 연결 및 게시글 페이지 생성하기'에서 똑같이 코드를 작성하였는데도 마지막에 수행되어야 하는 "이제 로컬 서버를 실행해 메인 페이지에서 아무 포스트 아이템이나 눌러 404 에러가 더 이상 안 뜨는지, 콘솔창에 올바르게 data라는 이름으로 Props 데이터가 출력되는지 확인해보세요." 에서 GET http://localhost:8000/page-data/404.html/page-data.json net::ERR_ABORTED 404 (Not Found) 에러가 발생하고, 특정 포스트를 클릭하면, 화면에는 Post Template 만 나옵니다. 뭐가 문제인지 파악하기 쉽지 않아 지금까지 수행한 코드를 올린 깃헙 주소를 아래에 첨부드립니다. (수정) 참고로, URL은 의도한대로(slug 반영) 잘 변경됩니다. 답변 부탁드립니다. 감사합니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
정말 감사합니다. 잘듣고있습니다! 질문이있습니다.
안녕하세요. 정말 잘듣고 있어 감사드립니다. contents 디텍토리 안에서 바로 파일경로가아니라 디텍토리를 분류하여 관리하고싶습니다. 예를들어, contents / javascript 디텍토리안에 2021-06-21.md , 2021-06-22.md contents/ vue 디텍토리안에 2021-06-21.md , 2021-06-22.md 이런식으로 좀더 관리하기 편하게 폴더를 하나 더 만들어서 분류하고싶습니다. 노드에서 `${__dirname}/contents` 부분을 변경해야할거같은데 어떻게 해야할지 알수있을까요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
쿼리문에 오류가 발생합니다
frontmatter { title summary date(formatString: "YYYY.MM.DD.") categories thumbnail { childImageSharp { fluid( maxWidth: 768 maxHeight: 200 fit: INSIDE quality: 100 ) { ...GatsbyImageSharpFluid_withWebp } } } } 위의 쿼리문은 동작하지 않습니다. 아래 쿼리문처럼 해야 동작을 하네요 frontmatter { title summary date(formatString: "YYYY.MM.DD.") categories thumbnail } 이렇게 되면 PostItem에 아래 코드를 사용할 수가 없게됩니다. <ThumbnailImage fluid={fluid} alt="Post Item Image" /> 그래서 아래처럼 대체했습니다. <img src={thumbnail} alt='Post Item Image' /> 근데 의도하신 강의 내용과 다른 거 같아서 어떡해야할지 모르겠네요
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
안녕하세요! 몇가지 질문드려요!
안녕하세요 gatsby 무작정 시작했는데 이렇게 한땀한땀 따라하게 해주셔서 우선 감사드립니다. 그런데 따라서 블로그를 만들고 나서 google search console 에 sitemap.xml을 등록하려고 build했습니다. 그런데 저는 public폴더 아래 바로 sitemap.xml 있는것이 아니고 public/sitemap/sitemap-index.xml과 같은 경로에 sitemap-0.xml이 생성되었습니다. 열어보니 sitemap-index.xml이 sitemap-0.xml을 참조하는거 같아서 google search console에는 두개가 등록 가능하여 둘다 제출하였는데 네이버는 하나의 sitemap만 제출할 수 있어서 sitemap-0.xml로 제출 해보고. 몇일 기다리다 제 블로그가 노출이 안되어 sitemap-index.xml로 바꾸어 보았지만 여전히 노출이 안됩니다. 더 많은 시간이 필요할지 아니면 제가 sitemap 제출을 잘못하고 있는건지 모르겠습니다.. ㅜㅜ 이 부분 관련하여 혹시 답변 주실 수 있을까요?! 아 그리고 마크다운 리마크 플러그인이 md파일 파싱할때 **볼드**, __볼드__ 는 태그로 파싱하지 않는가 봐요? 너무 덜 굵게 표현이 되서 태그에 스타일링 해주려고 했는데 html파일 보니 그냥 p태그로만 되어 있어서 볼드 표시한 부분을 더 진하게 할 수 없습니다. 이부분도 혹시 도움주실 수 있을까요 ㅠㅠ
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
다른 타입의 데이터를 추가할때
에러가 안떠용...
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
childImageSharp가 자꾸 null이라고 뜨네요..ㅠ
다시 되돌아가서 쭉 훑어봤는데, 오타나 잘못친게 없는데 자꾸 이런 에러가 나오네요..
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
Error: Cannot find module 'graphql/polyfills/objectValues'
config 파일을 수정하고 나서 develop 을 실행하면 에러가 발생합니다. Error: Cannot find module 'graphql/polyfills/objectValues' google 에서는 답을 찾을 수 없는데 node module 삭제 후 graphql을 다시 깔아 보기도 했는데 해결이 안되네요... 도움부탁드려요~!~