English README 영어 | Japanese README 日本語
GatsbyHub는 Gatsby-cli를 위한 상호적인 GUI를 제공하는 Visual Studio Code 전용 open-source 확장입니다.
GatsbyHub를 통해 VS Code 상에서 Gatsby plugins, starters, 그리고 themes를 설치하고 사용할 수 있습니다. Gatsby starter templates를 사용하여 단 한 번의 클릭으로 빠르고 모던한 앱을 만들 수 있습니다. Status bar icon 클릭을 통해 hot-reloading 개발 환경을 시작할 수 있습니다. 또한, Gatsby에 내재된 GraphiQL 인스턴스를 통해 GraphQL 쿼리를 설정하실 수 있습니다. Gatsby docs와 user settings를 사용해 고급 사용자 설정도 가능합니다.
Gatsby는 Visual Studio Marketplace에서 설치하시면 됩니다.
명령어 인터페이스를 사용하지 않고 오직 그래픽 사용자 인터페이스를 통해 Gatsby와 상호작용하실 수 있습니다. GatsbyHub는 자주 사용하는 Gatsby 명령어들을 버튼과 옵션을 통해 손쉽게 제공합니다.
- Install Gatsby - gatsby-cli npm package를 설치
- Create New Site - 한 번의 클릭으로 새로운 Gatsby 사이트를 만듦
- Develop Server - status bar item 클릭을 통해 hot-reloading 개발자 환경을 시작하고 멈춤
- Build Site - 사이트를 만들고 패키지화함
확장 세팅의 고급 Develop과 Build 옵션을 통해 호스트, 포트, 어글리파이 등을 설정하실 수 있습니다.
VS Code를 떠나지 않고 Gatsby 수 많은 플러그인과 테마를 찾아서 읽고 다운로드 하실 수 있습니다.
Gatsby.js는 활발한 온라인 커뮤니티와 그에 따른 수 많은 플러그인들로 알려져있습니다. Gatsby의 공식적인 플러그인들과 다큐멘테이션을 GatsbyHub에서 직접 찾아보시고 프로젝트에 사용하실 수 잇습니다. 확장에서 플러그인 메뉴를 클릭하시면 VS Code 웹뷰에서 플러그인의 README 정보를 제공합니다. Gatsby.js 사이트를 가셔서 플러그인 설치 CLI 명령어를 직접 찾아보고 입력하실 필요 없이, 플러그인 다운로드 버튼 한 번이면 자동 다운로드 됩니다.
Gatsby가 제공하는 수 많은 Starter sites들을 다운로드 받아 웹사이트 템플릿으로 바로 사용하시면 됩니다. 플러그인과 마찬가지로 확장의 starters 메뉴를 통해 README 정보를 읽어보실 수 있습니다. 마음에 드시는 스타터가 있다면, 다운로드 버튼 클릭과 원하시는 사이트 이름만 입력하시면 바로 사이트가 만들어집니다.
개발 서버를 실행할 때 한 번의 클릭으로 Gatsby의 내장 GraphiQL 인스턴스에 액세스 할 수 있습니다. GraphQL 쿼리를 작성하는 것은 결코 쉬운 일이 아닙니다.
Gatsby-Cli가 제공하는 개발 서버 생성과 프로젝트 패키지화를 위한 여러가지 고급 옵션들을 GatsbyHub 확장 설정에서 토글 형식으로 제공합니다. 덕분에 매번 애플리케이션을 패키지화하거나 서버를 개발 할 때 이 설정들은 유지됩니다. 그러므로 새로운 프로젝트를 시작하실 때 마다 매번 명령어나 설정을 하실 필요가 없습니다.
전체 변경 사항은 변경 로그를 참조하십시오.
GatsbyHub 최초 출시
Brian 'B-Hash' Hayashi @github @linkedin
Dylan Hensel @github @linkedin
Joonyoung Kim @github @linkedin
Miguel Michel @github @linkedin
Risa Hiyama @linkedin