https://github.com/chitacan/getting-started-with-git
:briefcase: 깃 시작하기 발표자료
https://github.com/chitacan/getting-started-with-git
deck
Last synced: 7 months ago
JSON representation
:briefcase: 깃 시작하기 발표자료
- Host: GitHub
- URL: https://github.com/chitacan/getting-started-with-git
- Owner: chitacan
- Created: 2014-02-20T15:46:18.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-07-24T04:51:59.000Z (almost 12 years ago)
- Last Synced: 2024-04-14T09:38:52.390Z (about 2 years ago)
- Topics: deck
- Language: JavaScript
- Homepage:
- Size: 9.94 MB
- Stars: 26
- Watchers: 6
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 깃 시작하기
`깃 시작하기` 발표자료
## 사전 준비사항
#### 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 버전에 맞게 받는다.
* https://developer.apple.com/downloads/
#### 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](https://github.com/hakimel/reveal.js/) 를 활용해 작성되었으며, 데모와 효율적인 발표를 위해 아래의 플러그인들이 추가로 사용되었다.
### ibg.js
`Reveal.js` 의 배경을 특정 url의 내용으로 설정할 수 있는 플러그인. 아래와 같이 `section` 태그의 `data-bgurl` 속성에 배경으로 설정하고자 하는 url을 선언하여 사용할 수 있다.
```html
```
아래 `tty.js` 와 연동하면 `Reveal.js` 내에서 터미널을 사용할 수 있다.
### jump.js
`Reveal.js`의 [Internal Links](https://github.com/hakimel/reveal.js/#internal-links) 로 특정 페이지에 이동하였을때 원래 페이지로 돌아올 수 있는 버튼을 표시해주는 플러그인.
아래와 같이 `Internal Links`를 사용할때 클래스에 `jump` 를 추가하면 사용할 수 있다.
```html
```
## tty.js
`깃 시작하기` 발표에서는 [tty.js](https://github.com/chjj/tty.js) 와 `ibg` 플러그인을 활용해 브라우저 내에서 터미널을 렌더링하여 데모를 진행하였다.
