Giter Club home page Giter Club logo

getting-started-with-git's Introduction

깃 시작하기

깃 시작하기 발표자료

사전 준비사항

node.js

node 버전은 v0.10 을 권장한다.

  • v0.11 사용시 pty.js 빌드에 문제 발생.

Mac OS의 경우 Xcode command line tool이 설치되야 한다.

MacOS 10.8 이전

xcode-select --install

MacOS 10.9 이후

Command line tools를 10.9, 10.10 버전에 맞게 받는다.

node-gyp 설치

node.js 네이티브 애드온 빌드도구 설치

$npm install -g node-gyp

grunt-cli 설치

grunt의 명령라인인 grunt-cli 설치

$npm install -g grunt-cli

실행

$ git clone https://github.com/chitacan/getting-started-with-git.git
$ cd getting-started-with-git
$ npm install
$ grunt

브라우저에서 http://localhost:8000 에 접속

Reveal.js 플러그인

이 발표자료는 Reveal.js 를 활용해 작성되었으며, 데모와 효율적인 발표를 위해 아래의 플러그인들이 추가로 사용되었다.

ibg.js

Reveal.js 의 배경을 특정 url의 내용으로 설정할 수 있는 플러그인. 아래와 같이 section 태그의 data-bgurl 속성에 배경으로 설정하고자 하는 url을 선언하여 사용할 수 있다.

<section data-bgurl="http://git-scm.com"></section>

ibg-demo

아래 tty.js 와 연동하면 Reveal.js 내에서 터미널을 사용할 수 있다.

jump.js

Reveal.jsInternal Links 로 특정 페이지에 이동하였을때 원래 페이지로 돌아올 수 있는 버튼을 표시해주는 플러그인.

아래와 같이 Internal Links를 사용할때 클래스에 jump 를 추가하면 사용할 수 있다.

<li><a href="#/3/12" class="jump">demo</a></li>

jump-demo

tty.js

깃 시작하기 발표에서는 tty.jsibg 플러그인을 활용해 브라우저 내에서 터미널을 렌더링하여 데모를 진행하였다.

git-demo

getting-started-with-git's People

Contributors

chitacan avatar qkboo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.