메인 페이지에서 Props로 받아 포스트 데이터 출력하기 강의에서 여기까지 한 후, 2개의 포스트 아이템이 화면에 잘 출력되는지 확인해주세요.>>>> 이 부분까지 하고 실행을 하려니 아래와 같은 쿼리 오류가 생겼습니다.There was an error in your GraphQL query: Field "thumbnail" must not have a selection since type "String" has no subfields. This can happen if you e.g. accidentally added { } to the field "thumbnail". If you didn't expect "thumbnail" to be of type "String" make sure that your input source and/or plugin is correct. However, if you expect "thumbnail" to exist, the field might be accessible in another subfield. Please try your query in GraphiQL. It is recommended to explicitly type your GraphQL schema if you want to use optional fields.publicURL 을 못가져오는것 같은데.. 어떻게 해결해야할까요 ㅠ.ㅠ레포지토리 남깁니다! https://github.com/syankkim/syankkim.github.io

setup 관련하여 계속 오류가 발생하여 확인해봤더니 해당 프로젝트는 deprecated가 되었다고 합니다.더 이상 fastpages는 지원하지 않는걸까요?

rest를 사용한 api2 앱이든 rest를 사용하지않은 api 앱이든 blog앱과 따로 만들어서 사용하는 이유가 무엇인가요?

useInfiniteScroll.tsx 파일IntersectionObserver 구문에서 오류 발생아래 처럼 코드 수정import { MutableRefObject, useState, useEffect, useRef, useMemo } from 'react' import { PostListItemType } from 'types/PostItem.types' export type useInfiniteScrollType = { containerRef: MutableRefObject<HTMLDivElement | null> postList: PostListItemType[] } const NUMBER_OF_ITEMS_PER_PAGE = 10 const useInfiniteScroll = function ( selectedCategory: string, posts: PostListItemType[], ): useInfiniteScrollType { const containerRef: MutableRefObject<HTMLDivElement | null> = useRef<HTMLDivElement>( null, ) const [count, setCount] = useState<number>(1) const postListByCategory = useMemo<PostListItemType[]>( () => posts.filter(({ node: { frontmatter: { categories } } }: PostListItemType) => selectedCategory !== 'All' ? categories.includes(selectedCategory) : true, ), [selectedCategory], ) const observer = useRef<IntersectionObserver | null>(null); useEffect(() => { observer.current = new IntersectionObserver( (entries, observer) => { if (!entries[0].isIntersecting) return; setCount(value => value + 1); observer.disconnect(); }, ) }, []); useEffect(() => setCount(1), [selectedCategory]) useEffect(() => { if ( NUMBER_OF_ITEMS_PER_PAGE * count >= postListByCategory.length || containerRef.current === null || containerRef.current.children.length === 0 ){ return; } if(observer && observer.current){ observer.current.observe( containerRef.current.children[containerRef.current.children.length - 1], ) } }, [count, selectedCategory, observer]) return { containerRef, postList: postListByCategory.slice(0, count * NUMBER_OF_ITEMS_PER_PAGE), } } export default useInfiniteScroll 

gatsby develop 시에는 문제가 안되지만, gatsby build 시에 문제가 되는 부분입니다.참고한 사이트는 아래와 같습니다.https://stackoverflow.com/questions/59424347/gatsby-intersectionobserver-is-not-defined  마지막 코드 observer 부분은 하기 내용과 같은데 const observer: IntersectionObserver = new IntersectionObserver( (entries, observer) => { if (!entries[0].isIntersecting) return; setCount(value => value + 1); observer.disconnect(); }, ) useEffect(() => setCount(1), [selectedCategory]) useEffect(() => { if ( NUMBER_OF_ITEMS_PER_PAGE * count >= postListByCategory.length || containerRef.current === null || containerRef.current.children.length === 0 ) return observer.observe( containerRef.current.children[containerRef.current.children.length - 1], ) }, [count, selectedCategory])IntersectionObserver 구문을 useEffect 안으로 넣어야 할 것 같습니다.  useEffect(() => setCount(1), [selectedCategory]) useEffect(() => { const observer: IntersectionObserver = new IntersectionObserver( (entries, observer) => { if (!entries[0].isIntersecting) return; setCount(value => value + 1); observer.disconnect(); } ) if ( NUMBER_OF_ITEMS_PER_PAGE * count >= postListByCategory.length || containerRef.current === null || containerRef.current.children.length === 0 ) return observer.observe( containerRef.current.children[containerRef.current.children.length - 1] ) }, [count, selectedCategory])

안녕하세요! 잘 따라고있는 사람입니다.    다름이아니라, 로컬에서는 작업이 문제없이 되는데, 배포를 하니, gatsby 기본 튜토리얼만 나옵니다 ㅠㅠ url index 연결 다 해준 것 같은데 문제가 있네요 ㅠㅠ 깃 르포 주소입니다. : https://github.com/J3llyBe4n/j3llyBe4n.github.io

disqus script 태그도 넣었는데 댓글이 아래 보이지 않습니다 혹시 댓글 시각화 관련해서 config에서 true로 바꿔야하는 것이 있나요>

github blog를 만들라는 강의를 듣고, jekyll로 했다가 강사님의 블로그가 hugo 만들어진 것을 보고 새로운 종류를 알게 되어 블로그에 작성하신 동일한 이유로 hugo를 해보고 있습니다. 그러다가 몇 일 동안 구글링도 해보고 지웠다가 다시 해보지만 자꾸 막혀서 질문 글 올립니다.   작성하신 아래 내용을 보고 따라서 진행했습니다. https://github.com/Integerous/Integerous.github.io   hugo server -D로 하면 local server에 들어가면 post/test1.md 한 것과 테마가 적용되서 나옵니다.  하지만 제가 원하는 jeha00.github.io 로 들어가면 404가 뜹니다. 혹시 몰라서 처음부터 진행해봤습니다.  /public  경로에서 git push origin master 를 터미널에 입력하면 error : src refspec master does not match any error : failed to push some refs to https://github.com/Jeha00/JeHa00.github.io.git  라고 뜹니다.  제 생각에는  github과 연결하는 부분에서 문제가 발생하는 것 같습니다.   어떻게 해결해야할지를 모르겠습니다...  => git push origin main 으로 하니 해결되었습니다. git push origin main 으로도 안되면  git add .  git commit -m'커밋 메세지'  git push -u origin main 으로 하니 해결되었습니다. 404로 뜨는 것은 사라지고, <user-id>.github.io 로 만들어졌으나,  content/post 로 올린 글들은 안나와있습니다. hugo server -D 로 확인하면 다 나와있습니다. 글들이 public에 들어가 있어야 하나요?? 어떻게 해야할까요??        

Error Something went wrong installing the "sharp" module Cannot find module '../build/Release/sharp-darwin-arm64v8.node'   Possible solutions: - Install with the --verbose flag and look for errors: "npm install --ignore-scripts=false --verbose sharp" - Install for the current runtime: "npm install --platform=darwin --arch=arm64 sharp" - Consult the installation documentation: https://sharp.pixelplumbing.com/install   not finished open and validate gatsby-configs, load plugins - 0.127s   gatsby-config.js  module.exports = { siteMetadata: { title: `Gatsby Default Starter`, description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`, author: `@gatsbyjs`, }, plugins: [ { resolve: 'gatsby-plugin-typescript', options: { isTSX: true, allExtensions: true, }, }, `gatsby-plugin-react-helmet`, // { // resolve: `gatsby-source-filesystem`, // options: { // name: `contents`, // path: `${__dirname}/contents`, // }, // }, `gatsby-transformer-sharp`, `gatsby-plugin-sharp`, // this (optional) plugin enables Progressive Web App + Offline functionality // To learn more, visit: <https://gatsby.dev/offline> // `gatsby-plugin-offline`, `gatsby-plugin-emotion`, ], }   try... 노드버전 16.0.0으로 업그레이드 후,  yarn add --platform=darwin --arch=arm64 sharp 해보았으나, 에러가 여전히 발생합니다.  해결 방법이 있을까요?? 그리고 좋은 강의 너무도 감사합니다!   해결완료하였습니다. 다른 분들에게 참고가 될 수 있을 거 같아서 남겨놓아요! rm -r node_modules/sharp yarn install --check-files 참고자료: https://github.com/gatsbyjs/gatsby/issues/20957   

애로우펑션을 이용할시 안되는데 특별한 이유가 있나요? const ProfileImage = (): FunctionComponent => { return <ProfileImageWrapper src={PROFILE_IMAGES} alt="Profile Image" />;}

선생님 안녕하세요. BE 개발자의 꿈을 이루기 위해 선생님의 강의를 몇가지 구매하였습니다. 현재 질문드리는 강의 외에도 구매한 강의에 대해 학습 내용 정리 및 학습을 했다는 나름의 증명으로 git과 blog에 내용을 정리하고자 합니다. 코드랑 내용을 같이 올릴 예정인데 허락해주실 수 있나요? 출처는 반드시 밝히겠습니다!

티도리 설치되어 있는 디렉토리에 들어간다음 tidory --version을 쳤는데 오류메시지만 나옵니다. npm install은 잘 됬는데 왜 이런거죠?