게시글
질문&답변
2023.03.04
[17강 25강] Cannot query field "html" on type "MarkdownRemark" 오류
안녕하세요, 이재용님 확인해보니 gatsby-transformer-remark 라이브러리의 버전 문제로 확인됐습니다. 강의 업로드 날짜 기준 해당 라이브러리의 버전이 4.11.0 이었는데 버전을 동일하게 맞춰주니 html 쿼리가 정상적으로 된 것을 확인했습니다! 추후 강의 업데이트가 이루어지면서 모든 라이브러리의 버전도 갱신할 예정이지만, 그 전까지는 강의 업로드 기준 버전을 사용해주시면 감사하겠습니다 :)
- 1
- 1
- 419
질문&답변
2023.02.17
쿼리오류 Field "thumbnail" must not have a selection...
안녕하세요, 김수연님! 레포지토리 확인해보니까 pages/index.tsx 파일에 쿼리문이 안보이네요 ㅠㅠ 혹시 푸쉬 여부 다시 확인 가능할까요?
- 1
- 1
- 497
질문&답변
2023.02.17
타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?
안녕하세요, 메타몽닮음님! jsxPragma란 JSX 파일을 Transform 하는 과정에서 어떻게 변환해야 하는지 알려주는 지시문이라고 보시면 좋을 것 같습니다. 예를 들어서 React에서 emotionjs 라이브러리를 사용하기 위해서는 다음과 같은 Pragma를 사용해야 합니다. /** @jsx jsx */ 기본적으로 JSX을 Transform 할 때에는 React.createElement 함수를 사용하지만, emotionjs 라이브러리를 사용하기 위해서는 jsx 라는 emotionjs의 함수를 사용해야하기 때문입니다. 여기 프로젝트에서는 기본적으로 세팅되어 있는 설정을 사용하기 때문에 jsxPragma 옵션이 설정되어 있지 않습니다.
- 1
- 1
- 299
질문&답변
2023.02.17
마지막 배포 부분 질문드립니다!
안녕하세요, bjlaancgk님! 말씀하신대로 개발한 내용은 로컬 개발환경을 원격 레포지토리에 연결해주는 과정이 필요합니다. Github Pages 알아보기 및 배포 준비 챕터에 배포 설정을 하는 부분이 나와있지만 원격 레포지토리와 연결하는 내용은 빠져있으니 참고해주시면 감사하겠습니다.
- 1
- 1
- 403
질문&답변
2022.12.13
썸네일 이미지 제작 및 학습 방법 관련 문의
안녕하세요, k29176@gmail.com님! 썸네일 이미지는 직접 제작하고 있으며, canva 라는 디자인 플랫폼을 통해 만들고 있습니다! 그리고 CSS같은 경우는 저 나름대로 순서를 정해놓고 코드를 짜는 편인데, 다른 기업에서 적용하고 있는 CSS 순서 등을 찾아보셔서 공부해보시면 될 것 같습니다! 또 자바스크립트는 스타일 가이드를 많이 참고를 했습니다. Airbnb나 Google 등과 같은 기업에서 오픈해놓은 스타일 가이드가 많이 있으니 참고하시면 좋을 것 같아요
- 1
- 1
- 242
질문&답변
2022.10.09
배포 후 포스트 업로드 방법
안녕하세요, 후리마님! CMS라는 단어를 들어보신 적이 있으신가요? CMS는 Content Management System의 약자로 이 강의에서 다루는 블로그의 게시글을 관리할 수 있는 플랫폼이라고 보시면 편할 것 같습니다. 해당 강의에서는 CMS 연동까지 다루지 않아 매번 develop 브랜치에서 md 파일 생성 후, 배포를 해줘야만 생성한 마크다운 파일을 블로그에서 볼 수 있습니다. 하지만 Sanity, Netlify CMS 등 직접 마크다운 파일을 작성하지 않고도 손쉽게 블로그 콘텐츠를 관리할 수 있는 플랫폼을 연동하여 사용하게되면 위의 과정을 모두 자동으로 처리해줘 콘텐츠를 보다 쉽게 관리할 수 있습니다. 또, branch의 위치가 꼭 develop 이어야 하는 것은 아닙니다. 강의를 진행하다 보면 후반 부분에 package.json 파일의 scripts 프로퍼티 내에 deploy라는 키값으로 다음과 같은 값을 추가해주고 있습니다. "deploy": "gatsby build && gh-pages -d public -b master" 이는 먼저 프로젝트를 빌드하고, 해당 빌드 파일을 gh-pages 라이브러리를 통해 master 브랜치로 publish 해주는 커맨드입니다. 즉, 어떤 브랜치인지 상관없이 무조건 master 브랜치에 빌드 파일이 추가되는 것이기 때문에 꼭 develop 브랜치어야만 하는 것은 아닙니다!
- 1
- 1
- 192
질문&답변
2022.08.10
깃허브 레퍼지토리 질문드려요
안녕하세요, 김민재님! 우선 답변이 느려서 죄송하다는 말씀부터 드리고 싶습니다 ㅠㅠ 일단 해당 아이디가 담긴 깃허브 URL을 사용하기 위해서는 [username].github.io 로 레포지토리 명을 설정하는 것이 좋습니다. 이렇게 설정하면 기본적으로 해당 레포지토리에 Github Pages가 적용이 되기 때문입니다. 앞으로 블로그 글을 수정할 때에는 말씀 그대로 develop 모드로 수정 및 확인 과정을 거친 후, 그대로 deploy 해주시면 됩니다! deploy 커맨드에 build 명령어도 포함되어있기 때문에 자동으로 master 브랜치에 빌드 파일이 전부 올라갑니다!
- 1
- 1
- 196
질문&답변
2022.07.27
특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문
안녕하세요, Dumping님! 우선 특정 게시글 아이템을 클릭해서 상세 페이지로 넘어갈 때 SPA처럼 동작하는게 맞는지에 대한 답변부터 드리겠습니다. 해당 부분은 Gatsby보다는 Next.js에 더 가까운 방식입니다. Next.js는 처음 페이지 접속 시에는 서버 사이드 렌더링을 통해 그려진 웹 사이트를 띄워주고, 그 이후에는 클라이언트 사이드 렌더링을 적용하여 SPA 처럼 동작합니다. 하지만 Gatsby는 정적 사이트 생성기로, 미리 생성된 페이지를 불러와 보여주는 방식이기 때문에 SPA 방식으로 동작한다고 보기는 어렵습니다. 다만 링크를 클릭했을 때 리프레시가 발생하지 않는 것처럼 보이는 이유는 Gatsby 내부적으로 Link 태그가 화면에 보이면 해당 페이지를 Prefetch 하기 때문입니다. 그렇지만 Gatsby Browser API 중, wrapRootElement API를 통해 페이지 간의 상태를 지속적으로 유지할 수 있는 방법이 존재합니다. 해당 방법은 아래 링크를 참고해주세요 :) https://nichole.is/react-state-between-pages/
- 1
- 1
- 133
질문&답변
2022.07.08
Unhandled Runtime Error 가 뜹니다
안녕하세요, 신성준님! 일단 답변을 너무 늦게 달아드린 점 정말 죄송하다는 말씀부터 드리겠습니다 ㅠㅠ 혹시 문제는 해결하셨을까요? 제 개발 환경에서 프로젝트를 실행시켰을 때에는 정상적으로 페이지가 잘 뜨네요! 이 경우에는 프로젝트에 캐시 파일이 남아있어서 그럴 가능성이 존재합니다. 따라서 yarn clean 커맨드를 한 번 입력해주시고, 다시 프로젝트를 실행시켜보시기 바랍니다! 그래도 안되는 경우에는 답글 달아주시면 감사하겠습니다 :)
- 0
- 2
- 308
질문&답변
2022.06.26
sign in with GitHub 클릭 시
안녕하세요, wow님! 혹시 Utterances 위젯을 추가하고 나서 Sign in with Github 버튼을 눌렀을 때 저 페이지가 새 창으로 뜨는 건가요?? 정확한 확인을 위해 프로젝트가 업로드된 깃허브 레포지토리 링크를 댓글로 달아주시면 감사하겠습니다 지난번에 같이 올려주신 문제도 함께 확인하고 답변드리겠습니다!
- 1
- 3
- 186