무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
index.tsx allMarkdownRemark 오류
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 현재 캡쳐 이미지와 같은 오류가 발생하는 데 원인을 못 찾고 있습니다.https://github.com/hwajin3114/jyamong-blog
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
검색기능에 대한 내용은 없는데
검색기능은 강의에서 다룬게 아닌 것 맞나요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
17강 도중에 markdown파일을 세개만 넣었는데 네개의 값이 들어있습니다.
이런식으로 네개의 값이 들어있어서 GraphiQL로 들어가서 확인해본 결과 아래와 같이 데이터가 null의 부분이 있는데 이 값을 조정하는 부분을 못찾겠습니다..ㅠㅠ - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
17강에서 이미지가 뜨지 않습니다.
썸네일 경로를 thumbnail: "./test.png" 이렇게 설정했는데 콘솔로 값을 찍어보면 아래와 같이 나오면서 이미지는 뜨지 않습니다. publicURL: "/static/938a7f8ecc4f7a6936eaba3224077c86/test.png"
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
frontmatter ..
ide 에서 복붙해봤지만 frontmatter 가 없다고 나옵니다..해당오류해결법을 찾지못해 질문드려요.. config.js와 md파일을 잘못작성했나 싶어 확인해봤지만..다른건 없어보입니다
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
문법?? 질문드려요
const CategoryList: FunctionComponent<CategoryListProps> = function ({ selectedCategory, categoryList, }) { return <div /> } <CategoryListProps> = function여기서 이렇게 function 을 써주는것과 바로 <CategoryListProps> = () => { } 이렇게 해주는문법에 차이가있나요?? 저는 아래처럼 사용했는데 자세히 강의글 읽어보니 좀 다르네요 두가지문법 아직 제로컬에서는 에러가 나지는 않지만 차이가있는지 궁금합니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
margin-top auto
footer 가 margin-top: auto 를 주어 인트로덕션 컴포넌트와 간격이 최대한 벌어질거라 생각되었는데..실제론 마진탑 오토가 적용이 안되더라구요 이유가있을까요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
graphql 질문드려용
export const metadataQuery = graphql` { site { siteMetadata { title description author } } }이 부분에서 site는 그래프큐엘에 내부에있음으로 접근할수있다는걸 알았습니다..그런데 타입지정해줄때나 값을불러올때 data 는 어디서 생긴건지 이해가안가는데 알려주시면 감사하겠습니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
안녕하세요 도커 상에서 기술블로그 작성을 도전하고 있는데 문제가 ㅠㅠ...
현재 1파트 개발 환경 구축을 거의 마무리 짓는 과정에 있었습니다. typescript 설치 및 다 마친 뒤 `yarn develop`으로 로컬 상에서 최종 점검을 하는데, 위와 같은 에러가 발생했습니다. 뭐가 문제인지는 몰라 확인차 path 인자를 사용하는 수정한 파일들을 확인하였는데, 오탈자나 문제는 없어 보였습니다. 그래서 조언을 듣고 싶어서 일단 이렇게 오류 상황을 찍어서 올려봅니다 ㅠㅠ.. 현재 개발 환경은 m1 mac OS 12 docker ubuntu:latest gatsby-cli 4.4.0 node 최신 버전 에서 진행중입니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
안녕하세요! master 브랜치와 develop브랜치의 사용에 관해서 질문드립니다.
개발할 때는 develop 브랜치로 개발하라고 하셨는데 그럼 변경사항을 develop브랜치에서 커밋 푸쉬한 후에 master branch는 그냥 deploy 했을 때 나온 것을이 배포되는 용도인가요? 마스터 브랜치에서 따로 커밋, 푸쉬할 필요는 없는거죠?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
error 미 해결
안녕하세요 클론코딩 중인데 GraphQL에러가 나서 여쭤 볼려고 올리게 되었습니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
안녕하세요? 혹시 createRef를 사용하신 이유에 대해 좀 더 자세히 알 수 있을까요?
createRef를 쓰면 리렌더링시마다 초기화가 되어서 함수형에는 사용하지 않는다고 들었는데 쓰신 이유는 의도적으로 div를 초기화하시기 위한 건가요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
BackgroundImage컴포넌트에서 styled 함수 내부에서 인라인 스타일을 사용한 이유를 다시 한번 설명해주실 수 있을까요?
GatsbyImgProps로 정의한 props들과 position:absolute를 인라인으로 넘겨주는 이유를 다시 설명해주실 수 있을까요? 기본적으로 설정된 인라인 스타일이 !important속성이 없으면 적용 순위에서 밀린다는건, 항상 컴포넌트 스타일이 우선시 된다는건가요? 의미를 잘 이해를 못하겠습니다...
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
질문
설명 부분에 이부분을 어디를 설정 하시라는 건지 잘 모르겠습니다. json 형식의 어느곳을 말씀하시는건지 잘 모르겠습니다.
- 해결됨React 기반 Gatsby로 기술 블로그 개발하기
createfiberfromtypeandprops 에러
다음과 같은 에러가 납니다 ``` Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:25058 Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you m₩ ight have mixed up default and named imports. Check the render method of `IndexPage`. ``` index page 파일은 다음과 같습니다. import React, { FunctionComponent } from 'react'import Text from 'components/Text'const IndexPage: FunctionComponent = function () { return ( <div> <Text text="Home" /> </div> )}export default IndexPage 별다른 에러는 없어 보이는데 왜일까요? develop 명령어 실행시에 이런 콘솔창에 에러는 아니지만 이런 경고가 뜹니다. ``` warn ./src/pages/info.tsx Attempted import error: 'components/Text' does not contain a default export (imported as 'Text'). ``` gatsby-config.js와 gatsby-node.js는 모두 강의에 나온 그대로 설정하였습니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
npx gatsby-cli new
node.js 최신 버전으로 다시 업데이트하고 C드라이브에는 용량이 부족하여 D드라이브에 진행 할려고 하는데 자꾸 에러가 나네요 D:\GithubPage(Homepage)>npx gatsby-cli new "[myblog2]" ERROR #11612 Could not create a project in "D:\GithubPage(Homepage)\[myblog2]" because it's not a valid path See our docs page for more info on this error: https://www.gatsbyjs.com/docs/reference/gatsby-cli#new
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
index.tsx 에러
현도님 안녕하세요! 꼼꼼한 강의를 공유해주셔서 정말 감사합니다 : ) 아직 코드 전부를 이해하지 못하고 그대로 실습 코드를 따라가던 중 src/pages/index.tsx 파일에서 에러가 발생했습니다. 현재 코드는 아래와 같습니다. import React, { FunctionComponent } from 'react' import styled from '@emotion/styled' import GlobalStyle from 'components/Common/GlobalStyle' import Footer from 'components/Common/Footer' import CategoryList from 'components/Main/CategoryList' import Introduction from 'components/Main/Introduction' import PostList from 'components/Main/PostList' import { graphql } from 'gatsby' import { PostListItemType } from 'types/PostItem.types' const CATEGORY_LIST = { All: 5, Web: 3, Mobile: 2, } const Container = styled.div` display: flex; flex-direction: column; height: 100%; ` type IndexPageProps = { data: { allMarkdownRemark: { edges: PostListItemType[] } } const IndexPage: FunctionComponent<IndexPageProps> = function ({ data: { // data: 쿼리를 통해 받은 데이터가 담겨있는 props allMarkdownRemark: { edges }, // edges: 각 파일의 데이터가 들어있는 배열 }, }) { return ( <Container> <GlobalStyle /> <Introduction /> <CategoryList selectedCategory="Web" categoryList={CATEGORY_LIST} /> <PostList posts={edges} /> <Footer /> </Container> ) } export default IndexPage export const getPostList = graphql` query getPostList { allMarkdownRemark( sort: { order: DESC, fields: [frontmatter___date, frontmatter___title] } ) { edges { node { id frontmatter { title summary date(formatString: "YYYY.MM.DD.") categories thumbnail { publicURL } } } } } } ` 에러 메시지가 이와 같이 IndexPage를 선언하는 부분부터 나타나는데, Member 'const' implicitly has an 'any' type.아마도 IndexPage 컴포넌트에 변경 사항을 제대로 반영하는 단계를 제대로 진행하지 못한 것으로 추측하고 있습니다. 어떠한 방향으로 해결하면 좋을지 감을 잡기가 어려워서 이렇게 문의드립니다.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
페이지 생성 시 오류가 발생해요.. ㅠ
Error: Error loading a result for the page query in "/Javascript/문법/DOM 기본문법 총정리/". Query was not run and no cached result was found. 해당 경로에 파일이 존재함에도 에러가 발생합니다. 중복된 파일이어서 삭제 후 deploy를 하고 나서 문제가 생겼네요.. ㅠ 혹시 해결책이 있을까요?
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
사이트맵 등록시 가져올수 없음
안녕하세요. 사이트맵 등록과 관련하여 질문이 있는데요. 구글 웹콘솔에서 새 사이트맵 추가로 해서 gatsby 로 만든 제 깃헙 블로그 사이트맵을 등록하는데 가져올수 없다고 나오더라구요. /rss.xml 이건 정상적으로 등록이 되었는데, /sitemap-index.xml 이건 정상등록이라고 나오지만 선택해서 읽은 사이트맵 정보를 보면 /sitemap-0.xml 이게 가져올수 없음으로 되어있습니다. 그래서 저 /sitemap-0.xml 이거만 따로 등록해봐도 똑같네요. 사이트맵 등록이 제대로 안되어서인지 구글 검색에 site:"블로그주소" 이렇게 검색해보면 나오는게 거의 없는데요. 이걸 해결할 방법이 없을까요? 기존에 jekyll 테마를 쓸때는 사이트맵이 등록이 바로 잘됐는데 갯츠비는 한달이 지나도 등록이 제대로 안되는거 같네요.
- 미해결React 기반 Gatsby로 기술 블로그 개발하기
Text.tsx 작성 시 오류 납니다.
import React, { FunctionComponent } from 'react' const Text: FunctionComponent = function ({ text }){ return {text} } export default Text 위와 같이 작성 시 text에 빨간 줄나오고 에러 로그는 '{text: string;}' 형식은 'IntrinsicAttributes &{ children?: ReactNode; }' 형식에 할당할 수 없습니다. 'IntrinsicAttributes &{ children?: ReactNode; }' 형식에 'text' 속성이 없습니다. 라고 나옵니다. 확인 부탁드립니다.