문득, 내가 열심히 작성한 글이 검색이 되어 사람들이 보고있는지, 사람들이 구글 검색을 통해 유입되는지 확인해보고싶었다. 나는 우선 블로그를 만들면서 기본적인 SEO를 나름 블로그를 찾아서 맞춰주었는데,
요소 alt 속성 작성 및 HTML 구조화 Sitemap.xml 생성 RSS feed 생성 robot.txt에 크롤링 허용 및 sitema…</p></a></div></div><div class="thumbnail observed"><div><a href="/2020/gatsby/Gatsby-블로그-RSS-Feed-생성시키기/"><h3>Gatsby 블로그 RSS Feed 생성시키기</h3> </a><ul class="post-tags"><li class="post-tag"><a href="/tags/google-search-console/"><div class="post-tag-content">google search console</div></a></li><li class="post-tag"><a aria-current="page" class="" href="/tags/gatsby/"><div class="post-tag-content">gatsby</div></a></li><li class="post-tag"><a href="/tags/내손내만블로그/"><div class="post-tag-content">내손내만블로그</div></a></li></ul><a href="/2020/gatsby/Gatsby-블로그-RSS-Feed-생성시키기/"><p>Feed-icon.svg RSS 피드란? RSS피드는 웹 사이트의 컨텐츠를 나열해놓은 XML 파일로, 피드 리더 앱이나 뉴스 애그리게이터 등으로 RSS피드를 통해 웹사이트의 컨텐츠를 구독 할 수 있게끔 해준다. 그리고 이 RSS 피드를 통해 구독자들이 웹 사이트를 구독하게끔하여 새로운 컨텐츠 소식을 알릴 수 있고, 검색엔진에 이 RSS 피드를 통해 컨텐츠…</p></a></div></div><div class="thumbnail observed"><div><a href="/2020/gatsby/make-blog/install-gatsby-select-starter/"><h3>내손내만 Gatsby.js로 블로그 만들기 - 2 gatsby설치, starter, meta data 설정</h3> </a><ul class="post-tags"><li class="post-tag"><a aria-current="page" class="" href="/tags/gatsby/"><div class="post-tag-content">gatsby</div></a></li><li class="post-tag"><a href="/tags/내손내만블로그/"><div class="post-tag-content">내손내만블로그</div></a></li></ul><a href="/2020/gatsby/make-blog/install-gatsby-select-starter/"><p>Gatsby 설치 Gatsby로 블로그를 만드려면 당연히 Gatsby를 설치해야 한다. Gatsby 설치방법은 다음과 같다. Gatsby는 무료이고, 오픈소스로 되어있다. 공식문서를 참조하고싶다면 여기에서 확인 할 수 있다. Gatsby starter 고르기 Gatsby를 설치했다면, 이제 Gatsby로 프로젝트를 생성해야 한다. 하지만, 생성전에 여러가…</p></a></div></div><div class="thumbnail observed"><div><a href="/2020/gatsby/make-blog/what_is_gatsby/"><h3>내손내만 Gatsby.js로 블로그 만들기 - 1: Gatsby.js?</h3> </a><ul class="post-tags"><li class="post-tag"><a aria-current="page" class="" href="/tags/gatsby/"><div class="post-tag-content">gatsby</div></a></li><li class="post-tag"><a href="/tags/내손내만블로그/"><div class="post-tag-content">내손내만블로그</div></a></li></ul><a href="/2020/gatsby/make-blog/what_is_gatsby/"><p>이전에 Gatsby로 블로그를 만들었었다. 당시에는 나름 괜찮은 Starter라고 고르고 골라서 만들고 커스터마이징을 했는데
하다보니까 아예 싹 갈아엎고싶은 충동이 밀려왔다.
이유는 커스터마이징을 하는데 구조를 나에게 맞게 바꾸고 싶었고
바꾼다면 내가 더 좋게 만들 수 있을 것 같았다.
그리고 이정도면 나도 나름 Starter 하나 만들어 볼 수 있지 않…</p></a></div></div><div class="thumbnail observed"><div><a href="/2020/gatsby/Gatsby에서-Ant-Design적용시키기/"><h3>Gatsby에서 Ant Design적용시키기</h3> </a><ul class="post-tags"><li class="post-tag"><a aria-current="page" class="" href="/tags/gatsby/"><div class="post-tag-content">gatsby</div></a></li><li class="post-tag"><a href="/tags/내손내만블로그/"><div class="post-tag-content">내손내만블로그</div></a></li></ul><a href="/2020/gatsby/Gatsby에서-Ant-Design적용시키기/"><p>Gatsby에서 Ant Design 적용시키기 우리가 웹 개발을 할 때 필요한 UI를 만들어서 써도 되지만,
이미 완성되어있는 완성도 높고 잘 만든 UI 프레임웤을 쓰는 것도 좋은 방법이 될 수 있다. 우선 커스터마이징은 불가능하지만 이미 완성되어져 있는 여러가지의 컴포넌트와 디자인 리소스들을
사용하므로써 얻는 시간 절감의 이점이 대단히 크다. 그리고 좋…</p></a></div></div><div class="thumbnail observed"><div><a href="/2020/gatsby/2020-07-29-Gatsby---Markdown에-수학-수식(TeX)-적용시키기,-KaTeX-적용시키기/2020-07-29-Gatsby---Markdown에-수학-수식(TeX)-적용시키기,-KaTeX-적용시키기/"><h3>Gatsby - Markdown에 수학 수식(TeX) 적용시키기, KaTeX 적용시키기</h3> </a><ul class="post-tags"><li class="post-tag"><a aria-current="page" class="" href="/tags/gatsby/"><div class="post-tag-content">gatsby</div></a></li><li class="post-tag"><a href="/tags/내손내만블로그/"><div class="post-tag-content">내손내만블로그</div></a></li></ul><a href="/2020/gatsby/2020-07-29-Gatsby---Markdown에-수학-수식(TeX)-적용시키기,-KaTeX-적용시키기/2020-07-29-Gatsby---Markdown에-수학-수식(TeX)-적용시키기,-KaTeX-적용시키기/"><p>수학 수식 입력 필요성 머신러닝 관련 블로그 포스팅을 하던 중에, 수학 수식을 표기해야 될 필요성을 느꼈다. 이유는, html이나 markdown으로 수학수식을 표기하는데 한계가 있었고 매번 해당 수식에 대해 이미지를 따와서 붙일려고 하니 번거롭기도 번거롭고 일관적이지 않은 이미지에 내가 원하는 수식을 만들기도 까다롭다는 것이다. 그래서 인터넷 웹사이트를…</p></a></div></div><div class="thumbnail observed"><div><a href="/2020/gatsby/Gatsby-Markdown-img-upload_innerPath/"><h3>Gatsby - Markdown 파일에 이미지 올리기 (내부경로 적용시키기)</h3> </a><ul class="post-tags"><li class="post-tag"><a aria-current="page" class="" href="/tags/gatsby/"><div class="post-tag-content">gatsby</div></a></li><li class="post-tag"><a href="/tags/내손내만블로그/"><div class="post-tag-content">내손내만블로그</div></a></li></ul><a href="/2020/gatsby/Gatsby-Markdown-img-upload_innerPath/"><p>내부 이미지를 가져오는데 문제 발견 블로그에 포스팅을 하던 중에 문제를 발견했다. 외부 이미지 url을 markdown에 올리는 것은 문제없었지만 내부 이미지를 올리는데에 문제가 발생하였다. 내가 만든 Gatsby블로그에서는 gatsby-source-filesystem 플러그인으로 설정된 폴더의 파일을 읽고 gatsby-transformer-remark …</p></a></div></div></div><a href="/tags">All tags</a></div><footer class="footer">©<a href="https://github.com/Ha-Young">Hayoung</a>, Built with<!-- --> <a href="https://github.com/JaeYeopHan/gatsby-starter-bee">Gatsby-starter-bee</a></footer></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-D1NEWZXFFY"></script><script>
if(true) {
window.dataLayer = window.dataLayer || [];
function gtag(){window.dataLayer && window.dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-D1NEWZXFFY', {"send_page_view":false});
}
</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/tags/gatsby/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-3fa65be0978966b2def8.js"],"app":["/app-d48b1a3fb076ce6b4f38.js"],"component---node-modules-gatsby-plugin-offline-app-shell-js":["/component---node-modules-gatsby-plugin-offline-app-shell-js-15096bed533ed0ff8b58.js"],"component---src-pages-404-js":["/component---src-pages-404-js-a089d4b4dca36624b688.js"],"component---src-pages-about-js":["/component---src-pages-about-js-dd64c26793dc9bde21e0.js"],"component---src-pages-blog-js":["/component---src-pages-blog-js-33877961ed0e30a08c82.js"],"component---src-pages-index-js":["/component---src-pages-index-js-dbb02f4c38a704398d1b.js"],"component---src-pages-tags-js":["/component---src-pages-tags-js-5129bc9eeada89f05556.js"],"component---src-templates-blog-post-js":["/component---src-templates-blog-post-js-0f972131b52cee8ee2ad.js"],"component---src-templates-tags-js":["/component---src-templates-tags-js-bd43539442b1ca4a76e1.js"]};/*]]>*/</script><script src="/polyfill-3fa65be0978966b2def8.js" nomodule=""></script><script src="/component---src-templates-tags-js-bd43539442b1ca4a76e1.js" async=""></script><script src="/5bd9ec4f3576e90a3474190bf13b63f867542e33-a20826a27973c9c27e33.js" async=""></script><script src="/0897f34509e47eeaba3cfb9f862bbdf7863fa328-34f1b12d4399dd09c851.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-d48b1a3fb076ce6b4f38.js" async=""></script><script src="/framework-0f58788094c405fb20b6.js" async=""></script><script src="/webpack-runtime-aa57325cc6c8c6874494.js" async=""></script></body></html>