< p align = "center" > < img width = 100% src = "https://user-images.githubusercontent.com/10369094/31211729-591d059c-a950-11e7-86af-fa5ea3d7dbac.png" > < / p >
<!-- [](https://github.com/dawnlabs/carbon/blob/readme - badges/package.json) -->
[](#contributors)
[](https://github.com/prettier/prettier)
[](http://makeapullrequest.com)
[](https://github.com/dawnlabs/carbon/blob/master/LICENSE)
[](https://greenkeeper.io/)
[](https://spectrum.chat/carbon-now)
< br > < / br >
[](https://deploy.now.sh/?repo=https://github.com/dawnlabs/carbon& env=TWITTER_CONSUMER_KEY& env=TWITTER_CONSUMER_SECRET& env=TWITTER_ACCESS_TOKEN_KEY& env=TWITTER_ACCESS_TOKEN_SECRET& env=LOGS_SECRET_PREFIX)
## Introduction
트위터에서 공유되고 있는 [수 ](https://twitter.com/dan_abramov/status/890191815567175680 ) [많은 ](https://twitter.com/reactjs/status/890511993261654017 ) [코드 ](https://twitter.com/notquiteleo/status/873483329345028096 ) [스크린샷 ](https://twitter.com/zeithq/status/805779711154647040 )들을 알고 계신가요? 코드들은 대체로 훌륭하지만, 미적인 부분에서 조금 개선할 점이 보입니다. Carbon은 당신의 소스코드를 손쉽게 아름다운 이미지로 만들고, 공유할 수 있게 도와줍니다. 무엇을 망설이시나요? 당신의 디자인 감각으로 팔로워들을 감동시켜보세요
이 프로젝트에 대해서 자세히 알고싶다면 [carbon.now.sh ](https://carbon.now.sh )에 방문하시거나 [우리의 post ](https://dawnlabs.io/case-studies/carbon/ )를 읽어보시기 바랍니다.
## Features
- **GitHub gist에서 가져오기**. 간단하게 github gist id를 url 에 입력하면 됩니다.
- **커스터마이징**. syntax theme, window style 등 많은 것들을 커스터마이징할 수 있습니다.
- **빠르게 공유하기**. 클릭 한 번으로 이미지를 저장하거나 Tweet에 공유할 수 있습니다.
## Example
< p align = "center" > < img width = 100% src = "https://user-images.githubusercontent.com/10369094/30791512-cb001438-a167-11e7-952b-f0f0e5c4499e.png" > < / p >
## Usage
#### Import
Carbon에 코드를 적용시키는데는 몇 가지 방법이 있습니다:
- 파일 불러오기
- url에 GitHub gist id 붙여넣기 (예시. `carbon.now.sh/GIST_ID_HERE` )
- 코드 복사해서 직접 붙여넣기
#### Customization
Carbon에 코드를 넣었다면, syntax theme, 배경 색, window theme, padding 등 이미지에 들어갈 옵션들을 커스터마이징 할 수 있습니다.
#### Export/Sharing
코드 이미지를 커스터마이징 하고 나면, 곧바로 이미지를 저장하고, Tweet에 공유 할 수 있습니다.
## Community
우리의 멋진 커뮤니티가 만든 아래의 프로젝트들을 확인해보세요:
##### Editor Plugins
- [IntelliJ IDEA `carbon-now-sh` ](https://plugins.jetbrains.com/plugin/10469-carbon-now-sh ) - context menu를 통해서 IntelliJ IDEA file의 선택 영역을 Carbon에서 엽니다.
- [Atom `carbon-now-sh` ](https://atom.io/packages/carbon-now-sh ) - `shift-cmd-A` 를 사용해 현재 보고있는 Atom 파일을 Carbon에서 엽니다.
- [VS Code `carbon-now-sh` ](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh ) - `carbon` 명령어를 사용해 현재 보고있는 VS Code 파일을 Carbon에서 엽니다.
- [Sublime Text 3 `carbon-now-sh` ](https://github.com/molnarmark/carbonSublime ) -
커스텀 키를 사용해 Sublime Text 3 파일의 선택 영역을 Carbon에서 엽니다.
- [Vim `carbon-now-sh` ](https://github.com/kristijanhusak/vim-carbon-now-sh ) -
`CarbonNowSh()` 함수를 사용해 현재 보고 있는 Vim/Neovim 선택 영역을 엽니다.
- [Emacs `carbon-now-sh` ](https://github.com/veelenga/carbon-now-sh.el ) - ineractive 함수인 `carbon-now-sh` 를 사용해 현재 보고있는 Emacs 선택 영역을 엽니다.
##### CLIs
- [CLI `carbon-now-cli` ](https://github.com/mixn/carbon-now-cli ) - `carbon-now` 명령을 사용해서 곧바로 파일을 열거나 다운로드 받으세요. 이 것은 대화형 모드가 지원되고 선택인 하이라이팅 등 많은 것들을 지원합니다.
##### Libraries
- [R `carbonate` ](https://yonicd.github.io/carbonate/ ) - `R` 을 통해서 이미지의 미적인 부분을 조작하고, 그 이미지를 다운 받거나 Carbon에서 열 수 있습니다.
##### Textbooks
- ["CS 101 - An Introduction to Computational Thinking" ](https://itunes.apple.com/us/book/id1435714196 ) - Sarbo Roy가 출판한 컴퓨터 사이언스 교과서.
## Contribute
풀리퀘스트는 환영합니다! 더 자세한 내용은 [CONTRIBUTING.md ](https://github.com/dawnlabs/carbon/blob/master/.github/CONTRIBUTING.md )를 참조해주세요.
## Thanks To
[ ▲ ZEIT ](https://zeit.co/ )가 Carbon 호스팅을 지원해주고 있습니다..
## Authors
Carbon is a project by < a href = "http://dawnlabs.io/" > < img width = 8% src = "https://cloud.githubusercontent.com/assets/10369094/25406306/dacebd4c-29cb-11e7-8e1c-468687cde495.png" > < / a >
- Mike Fix ([@mfix22](https://github.com/mfix22))
- Brian Dennis ([@briandennis](https://github.com/briandennis))
- Jake Dexheimer ([@jakedex](https://github.com/jakedex))
## Contributors
아래의 모든 멋진 분들께 감사 드립니다 ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
<!-- ALL - CONTRIBUTORS - LIST:START - Do not remove or modify this section -->
<!-- prettier - ignore -->
< table > < tr > < td align = "center" > < a href = "https://github.com/briandennis" > < img src = "https://avatars0.githubusercontent.com/u/10078572?v=4" width = "100px;" alt = "briandennis" / > < br / > < sub > < b > briandennis< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=briandennis" title = "Code" > 💻< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=briandennis" title = "Documentation" > 📖< / a > < a href = "#infra-briandennis" title = "Infrastructure (Hosting, Build-Tools, etc)" > 🚇< / a > < a href = "#review-briandennis" title = "Reviewed Pull Requests" > 👀< / a > < / td > < td align = "center" > < a href = "https://github.com/mfix22" > < img src = "https://avatars0.githubusercontent.com/u/8397708?v=4" width = "100px;" alt = "mfix22" / > < br / > < sub > < b > mfix22< / b > < / sub > < / a > < br / > < a href = "#question-mfix22" title = "Answering Questions" > 💬< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=mfix22" title = "Code" > 💻< / a > < a href = "#ideas-mfix22" title = "Ideas, Planning, & Feedback" > 🤔< / a > < / td > < td align = "center" > < a href = "https://github.com/jakedex" > < img src = "https://avatars1.githubusercontent.com/u/10369094?v=4" width = "100px;" alt = "jakedex" / > < br / > < sub > < b > jakedex< / b > < / sub > < / a > < br / > < a href = "#question-jakedex" title = "Answering Questions" > 💬< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=jakedex" title = "Code" > 💻< / a > < a href = "#design-jakedex" title = "Design" > 🎨< / a > < a href = "#video-jakedex" title = "Videos" > 📹< / a > < / td > < td align = "center" > < a href = "https://github.com/andrewda" > < img src = "https://avatars1.githubusercontent.com/u/10191084?v=4" width = "100px;" alt = "andrewda" / > < br / > < sub > < b > andrewda< / b > < / sub > < / a > < br / > < a href = "#question-andrewda" title = "Answering Questions" > 💬< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=andrewda" title = "Code" > 💻< / a > < a href = "https://github.com/dawnlabs/carbon/issues?q=author%3Aandrewda" title = "Bug reports" > 🐛< / a > < a href = "#review-andrewda" title = "Reviewed Pull Requests" > 👀< / a > < / td > < td align = "center" > < a href = "https://github.com/yeskunall" > < img src = "https://avatars2.githubusercontent.com/u/14703164?v=4" width = "100px;" alt = "yeskunall" / > < br / > < sub > < b > yeskunall< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=yeskunall" title = "Code" > 💻< / a > < a href = "https://github.com/dawnlabs/carbon/commits?author=yeskunall" title = "Documentation" > 📖< / a > < a href = "#tool-yeskunall" title = "Tools" > 🔧< / a > < a href = "https://github.com/dawnlabs/carbon/issues?q=author%3Ayeskunall" title = "Bug reports" > 🐛< / a > < / td > < td align = "center" > < a href = "https://github.com/stoshfabricius" > < img src = "https://avatars1.githubusercontent.com/u/2652676?v=4" width = "100px;" alt = "stoshfabricius" / > < br / > < sub > < b > stoshfabricius< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=stoshfabricius" title = "Code" > 💻< / a > < / td > < td align = "center" > < a href = "https://github.com/jkling38" > < img src = "https://avatars1.githubusercontent.com/u/11639896?v=4" width = "100px;" alt = "jkling38" / > < br / > < sub > < b > jkling38< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=jkling38" title = "Documentation" > 📖< / a > < / td > < / tr > < tr > < td align = "center" > < a href = "https://github.com/otobrglez" > < img src = "https://avatars1.githubusercontent.com/u/225946?v=4" width = "100px;" alt = "otobrglez" / > < br / > < sub > < b > otobrglez< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=otobrglez" title = "Code" > 💻< / a > < / td > < td align = "center" > < a href = "https://github.com/darahak" > < img src = "https://avatars3.githubusercontent.com/u/11488612?v=4" width = "100px;" alt = "darahak" / > < br / > < sub > < b > darahak< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=darahak" title = "Documentation" > 📖< / a > < / td > < td align = "center" > < a href = "https://github.com/dom96" > < img src = "https://avatars0.githubusercontent.com/u/246651?v=4" width = "100px;" alt = "dom96" / > < br / > < sub > < b > dom96< / b > < / sub > < / a > < br / > < a href = "https://github.com/dawnlabs/carbon/commits?author=dom96" title = "Code" > 💻< / a > < / td > < td align = "center" > < a href = "https://github.com/elrumordelaluz" > < img src = "https://avatars3.githubuserco
< / table >
<!-- ALL - CONTRIBUTORS - LIST:END -->
