hyperlog.Club
1.0.0
새로운 프로그래머가 새로운 프로그래밍 언어를 배우고 자원의 힘을 활용할 수있는 커뮤니티.
레포를 복제하십시오
주어진 repo를 원하는 곳에 복제하십시오.
git clone https://github.com/BrainBuzzer/hyperlog.Club종속성을 설치하십시오
복제 된 디렉토리로 이동하여 프로젝트를 실행하는 데 필요한 종속성을 설치하십시오.
cd hyperlog.Club
npm install참고 : Windows OS를 사용하는 경우
windows_build_tools및node-gyp설치해야 할 수도 있습니다.
개발을 시작하십시오.
디렉토리에서 서버를 돌리십시오.
npm run develop소스 코드를 열고 편집을 시작하십시오!
hyperlog.club은 이제 http://localhost:8000 에서 실행 중입니다!
참고 : 두 번째 링크가 표시됩니다 : http://localhost:8000/___graphql . 이것은 데이터 쿼리를 실험하는 데 사용할 수있는 도구입니다. Gatsby 튜토리얼 에서이 도구 사용에 대해 자세히 알아보십시오.
선택의 코드 편집기에서 hyperlog.Club 디렉토리를 엽니 다. 행복한 코딩!
Gatsby 프로젝트에서 볼 수있는 최상위 파일 및 디렉토리를 간단히 살펴 봅니다.
.
├── node_modules
├── src
├── resources
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
/node_modules :이 디렉토리에는 프로젝트에 의존하는 모든 코드 모듈 (NPM 패키지)이 자동으로 설치됩니다.
/src :이 디렉토리에는 사이트 헤더 또는 페이지 템플릿과 같은 사이트의 프런트 엔드 (브라우저에서 볼 수있는 것)에 표시되는 내용과 관련된 모든 코드가 포함됩니다. src "소스 코드"에 대한 컨벤션입니다.
/resources :이 디렉토리에는 웹 사이트에서 찾을 수있는 모든 튜토리얼과 리소스가 포함되어 있습니다. 이 디렉토리는 모든 리소스의 핵심입니다.
.gitignore :이 파일은 버전 기록을 추적 / 유지하지 않아야하는 파일을 GIT에 알려줍니다.
.prettierrc : Pretier의 구성 파일입니다. 더 Pretier는 코드의 서식을 일관되게 유지하는 데 도움이되는 도구입니다.
gatsby-browser.js :이 파일은 Gatsby가 Gatsby 브라우저 API (있는 경우)의 사용을 찾을 것으로 예상하는 곳입니다. 이를 통해 브라우저에 영향을 미치는 기본 Gatsby 설정의 사용자 정의/확장이 허용됩니다.
gatsby-config.js : 이것은 Gatsby 사이트의 기본 구성 파일입니다. 이곳에서 사이트 제목 및 설명과 같은 사이트 (메타 데이터)에 대한 정보를 지정할 수있는 곳입니다. Gatsby 플러그인을 포함하려는 Gatsby 플러그인 등 (자세한 내용은 구성 문서를 확인하십시오).
gatsby-node.js :이 파일은 Gatsby가 Gatsby 노드 API (있는 경우)의 사용을 찾을 것으로 예상하는 곳입니다. 이를 통해 사이트 빌드 프로세스의 조각에 영향을 미치는 기본 Gatsby 설정의 사용자 정의/확장이 허용됩니다.
gatsby-ssr.js :이 파일은 Gatsby가 Gatsby 서버 측 렌더링 API (있는 경우)의 사용을 찾을 것으로 예상하는 곳입니다. 이를 통해 서버 측 렌더링에 영향을 미치는 기본 Gatsby 설정을 사용자 정의 할 수 있습니다.
LICENSE : Hyperlog.club은 GPL-V3에 따라 라이센스가 부여됩니다.
package-lock.json (아래의 package.json 참조). 이것은 프로젝트에 설치된 NPM 종속성의 정확한 버전을 기반으로 자동 생성 된 파일입니다. (이 파일을 직접 변경하지 않습니다).
package.json : 메타 데이터 (프로젝트 이름, 저자 등)와 같은 것들이 포함 된 node.js 프로젝트의 매니페스트 파일. 이 매니페스트는 NPM이 프로젝트에 설치할 패키지를 아는 방법입니다.
README.md : 프로젝트에 대한 유용한 참조 정보가 포함 된 텍스트 파일.
