해당 내용은 2022.02.08에 작성되었습니다. 문제 발생어느 날 갑자기 컴퓨터를 켜서 작업하려고 하니 styled-component 자동완성이 안되는 문제가 발생했습니다.해결 방안 찾기나와 같은 문제가 발생한 여러 글을 읽어봤지만해결 방법은 VSC 버전이 최신 버전이 아니라는 말이었고 나 같은 경우에는 이미 최신 버전이였기에 다른 방법을 찾아볼 수밖에 없었다.하지만 이로 인해 얻을 수 있던 힌트는 VSC 버전과 vscode-styled-components extension의 버전이 맞지 않으면 오작동 할 수 있겠다고 생각했고 어제까지만 해도 작동했던 것으로 보아 VSC 가 자동 업데이트되면서 문제가 발생한 거 같습니다.해결 방법먼저 VSC 다운그레이드를 할 경우 자동 업데이트되는 것을 방지하기 ..

해당 내용은 2022.02.14에 작성되었습니다. 문제 발생Gatsby 개발 블로그를 작업을 거의 다 끝내 처음으로 yarn build를 하고 나니 “document is not defined” 에러가 발생습니다.Gatsby를 사용하면서 위와 같은 오류가 나는 이유와 해결 방법에 대해서 소개하려고 합니다.문제 발생 원인Gatsby의 같은 경우에는 두 가지의 다른 환경에서 애플리케이션 실행이 가능합니다.gatsby develop : runtimegatsby build : Build time보편적으로 gatsby build를 사용할 때 이런 오류가 발생하는데 그 이유에 대해서 알아보겠습니다.Build time vs runtime사용자가 누르고 클릭할 수 있는 상호작용이 가능한 웹 브라우저에서 발생하..

해당 내용은 2022.02.16에 작성되었습니다. 사이트맵이란?사이트맵이란 사이트에 있는 페이지, 동영상 및 기타 파일등 그 관계에 관한 정보를 제공하는 파일입니다.쉽게 말해 사용자들이 방문할 수 있는 페이지의 목록을 나타낸 것처럼 홈페이지의 설계도와 같은 것입니다.대부분의 여러 검색엔진이 크롤링 할 수 있도록 Sitemap을 제출하도록 하고 있습니다.개발자는 내가 사이트에서 중요하다고 생각하는 페이지와 파일을 알리고 중요한 관련 정보를 제공함으로써 더 효율적으로 크롤링이 가능합니다.Gatsby sitemap 라이브러리 세팅프로젝트 빌드 시 생성되는 페이지에 Sitemap을 추가해 주는 라이브러리를 사용하겠습니다.npm install gatsby-plugin-sitemap또는yarn add gatsb..

해당 내용은 2022.02.16에 작성되었습니다. RSS피드란?RSS(Rich Site Summary)는 뉴스나 블로그 사이트에서 주로 사용하는 콘텐츠 표현 방식이다.웹 사이트의 콘텐츠를 XML 파일로 작성해 블로그, 뉴스 등 RSS 피드를 통해 구독할 수 있게 되는데 이로 인해 새로운 콘텐츠가 나오면 새로운 소식 알림이 뜨게 되어 지속적으로 노출시킬 수 있다.RSS가 나오기 전에는 원하는 정보를 얻기 위해 직접 사이트에 들어가야 했지만 RSS 관련 프로그램을 이용하면 자동으로 수집이 가능해졌기 때문에 사용자는 각각의 사이트 방문 없이 최신 정보들만 한자리에서 볼 수 있다.Gatsby RSS 라이브러리 세팅방법RSS 피드를 생성하기 위해 gatsby-plugin-feed 라이브러리를 사용하면 쉽게..

해당 내용은 2022.05.12에 작성되었습니다. 요약API는 애플리케이션 프로그래밍 인터페이스 라는 뜻으로 응용 프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있도록 만든 인터페이스를 뜻한다.REST API(RESTful API)란 REST 아키텍처의 제약 조건을 준수한다는 애플리케이션 프로그래밍 인터페이스(API)를 뜻합니다.쉽게 말해 REST API는 애플리케이션을 서로 연결하여 통신할 수 있도록 하는 것인데 이때 그냥 만들어서 사용하기에는 사람마다 작성 방식이 다르기 때문에 특정 규칙을 두고 만든 것이 REST API라고 할 수 있습니다.REST 규칙이란HTTP URL(Uniform Resource Identifier)을 통해 자원(Resource..

해당 내용은 2022.05.13에 작성되었습니다. 이벤트 루프(Event Loop)를 설명하기 앞서 JavaScript의 특징부터 알고 가야 합니다.JavaScript는 싱글쓰레드 언어라고 많이 알려져 있습니다. 싱글쓰레드라고 한다면 여러 개의 작업이 있더라도 한 번에 하나의 작업만 수행할 수 있습니다. 하지만 JavaScript를 사용해 보면 멀티쓰레드처럼 동시에 여러 작업을 수행할 수 있다는 것을 알 수 있습니다. 그렇다면 JavaScript는 정말 싱글쓰레드 언어가 맞을까요?JavaScript는 싱글 쓰레드언어가 맞을까?결론부터 말씀드리자면 맞습니다. 그 이유는 JavaScript의 메인쓰레드인 이벤트 루프가 싱글 쓰레드이기 때문입니다. 하지만 이벤트 루프만 독립적으로 실행되는것이 아닌 웹 브라우저..