{"id":31223432,"url":"https://github.com/chitacan/getting-started-with-git","last_synced_at":"2025-09-21T22:43:21.292Z","repository":{"id":14316522,"uuid":"17025572","full_name":"chitacan/getting-started-with-git","owner":"chitacan","description":":briefcase: 깃 시작하기 발표자료","archived":false,"fork":false,"pushed_at":"2014-07-24T04:51:59.000Z","size":10425,"stargazers_count":26,"open_issues_count":0,"forks_count":5,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-04-14T09:38:52.390Z","etag":null,"topics":["deck"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chitacan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-02-20T15:46:18.000Z","updated_at":"2021-04-04T13:57:54.000Z","dependencies_parsed_at":"2022-09-12T18:41:00.657Z","dependency_job_id":null,"html_url":"https://github.com/chitacan/getting-started-with-git","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chitacan/getting-started-with-git","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chitacan%2Fgetting-started-with-git","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chitacan%2Fgetting-started-with-git/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chitacan%2Fgetting-started-with-git/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chitacan%2Fgetting-started-with-git/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chitacan","download_url":"https://codeload.github.com/chitacan/getting-started-with-git/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chitacan%2Fgetting-started-with-git/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276319015,"owners_count":25621651,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-21T02:00:07.055Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["deck"],"created_at":"2025-09-21T22:43:18.276Z","updated_at":"2025-09-21T22:43:21.281Z","avatar_url":"https://github.com/chitacan.png","language":"JavaScript","readme":"# 깃 시작하기\n\n`깃 시작하기` 발표자료\n\n## 사전 준비사항\n#### node.js\nnode 버전은 v0.10 을 권장한다.\n* v0.11 사용시 pty.js 빌드에 문제 발생.\n\nMac OS의 경우 Xcode command line tool이 설치되야 한다.\n#### MacOS 10.8 이전\n```\nxcode-select --install\n```\n#### MacOS 10.9 이후\nCommand line tools를 10.9, 10.10 버전에 맞게 받는다.\n* https://developer.apple.com/downloads/ \n\n#### node-gyp 설치\nnode.js 네이티브 애드온 빌드도구 설치\n\n```\n$npm install -g node-gyp\n```\n\n#### grunt-cli 설치\ngrunt의 명령라인인 grunt-cli 설치\n\n```\n$npm install -g grunt-cli\n```\n\n\n## 실행\n\n    $ git clone https://github.com/chitacan/getting-started-with-git.git\n    $ cd getting-started-with-git\n    $ npm install\n    $ grunt\n\n브라우저에서 `http://localhost:8000` 에 접속\n\n## Reveal.js 플러그인\n\n이 발표자료는 [Reveal.js](https://github.com/hakimel/reveal.js/) 를 활용해 작성되었으며, 데모와 효율적인 발표를 위해 아래의 플러그인들이 추가로 사용되었다.\n\n### ibg.js\n\n`Reveal.js` 의 배경을 특정 url의 내용으로 설정할 수 있는 플러그인. 아래와 같이 `section` 태그의 `data-bgurl` 속성에 배경으로 설정하고자 하는 url을 선언하여 사용할 수 있다.\n\n```html\n\u003csection data-bgurl=\"http://git-scm.com\"\u003e\u003c/section\u003e\n```\n\n![ibg-demo](https://raw.github.com/chitacan/getting-started-with-git/master/img/ibg.gif)\n\n아래 `tty.js` 와 연동하면 `Reveal.js` 내에서 터미널을 사용할 수 있다.\n\n### jump.js\n\n`Reveal.js`의 [Internal Links](https://github.com/hakimel/reveal.js/#internal-links) 로 특정 페이지에 이동하였을때 원래 페이지로 돌아올 수 있는 버튼을 표시해주는 플러그인.\n\n아래와 같이 `Internal Links`를 사용할때 클래스에 `jump` 를 추가하면 사용할 수 있다.\n\n```html\n\u003cli\u003e\u003ca href=\"#/3/12\" class=\"jump\"\u003edemo\u003c/a\u003e\u003c/li\u003e\n```\n\n![jump-demo](https://raw.github.com/chitacan/getting-started-with-git/master/img/jump.gif)\n\n## tty.js\n\n`깃 시작하기` 발표에서는 [tty.js](https://github.com/chjj/tty.js) 와 `ibg` 플러그인을 활용해 브라우저 내에서 터미널을 렌더링하여 데모를 진행하였다.\n\n![git-demo](https://raw.github.com/chitacan/getting-started-with-git/master/img/git.gif)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchitacan%2Fgetting-started-with-git","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchitacan%2Fgetting-started-with-git","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchitacan%2Fgetting-started-with-git/lists"}