반응형

[VSCODE] 확장프로그램 - Git Graph 

https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph 

 

Git Graph - Visual Studio Marketplace

Extension for Visual Studio Code - View a Git Graph of your repository, and perform Git actions from the graph.

marketplace.visualstudio.com

Git Graph extension for Visual Studio Code

View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!

 

 

 

반응형
반응형

소스트리(sourcetree) 사용법 & Github 연동하기

 

소스트리 실행

원격 저장소 - 계정 추가...

OAuth로 연동하면 된다. 

 

반응형
반응형

Git 한글 공식사이트 : https://git-scm.com/book/ko/v2

형상관리(Version Control Revision Control)툴

 - 소프트웨어 버전 관리 툴이라고도 한다.
 - 형상관리는 소스의 변화를 끊임없이 관리하는 것을 말한다.
 - 소스를 버전 별로 관리할 수 있어서 개발할 때 실수로 소스를 삭제하거나, 수정하기 이전으로 돌아가야되는 경우 유용하게 사용되는 툴.
 - 또한 팀 프로젝트에서도 누가 무엇을 어떻게 수정했는지도 알 수 있기 때문에 코드를 병합하거나 수정된 소스를 추적하는 데에도 쓰인다.

▶ 형상관리툴의 종류
- Client/Server 타입 : Subversion(SVN), CVS, Perforce, ClearCase, TFS
- 분산저장소 타입 : Git, Mercurial, Bitkeeper, SVK, Darcs
- Folder 공유 타입 : RCS, SCCS

▶ 1. CVS
 - 1980년대에 만들어진 형상관리 툴이지만 파일 관리나 커밋 중 오류 시 롤백이 되지 않는 등 불편한 문제점이 있어 이후 SVN으로 대체됨

▶ 2. SVN
 - 2000년에 CVS를 대체하기 위해 만들어졌으며 현재까지 두루 사용되는 형상관리 툴
 - trunk
   프로젝트에서 가장 중심이 되는 디렉토리
 - branches
   trunk에서 뻗어져 나온 나뭇가지를 뜻함. 프로젝트 내의 작은 프로젝트라고 생각하면 됨
- tags
   버전 별로 소스코드를 따로 관리하는 공간(버전 별로 태그를 붙여서 tag 디렉토리 안에 보관한다고 생각하면 됨)

▶ 3. GIT
 - 매우 빠른 속도와 분산형 저장소. SVN보다 많은 기능을 지원하는 대신 당연히 익숙해지기에 더 많은 시간이 필요함.
 - SVN을 사용하다 GIT을 사용하게 되면 무척 헷갈리고 개념 이해가 잘 되지 않았었다.

▶ 4. SVN vs GIT 비교

- 특징

4.1 SVN
 - SVN은 보통 대부분의 기능을 완성해놓고 소스를 중앙 저장소에 commit
 - commit의 이미 자체가 중앙 저장소에 해당 기능을 공개한다는 의미.
 - (GIT 과 가장 큰 차이점) 개발자가 자신만의 version history를 가질 수 없다. (그렇기 때문에 local History를 이용하긴 하지만, 일시적이다. 내가 몇일전 까지에 한하여 작업했던 내역을 확인 가능하지만 버전 관리가 되진 않는다.)
 - commit한 내용에 실수가 있을 시에 다른 개발자에게 바로 영향을 미치게 되는 단점도 있다.

4.2 GIT
 - (GIT 과 가장 큰 차이점) 반면, git은 개발자가 자신만의 commit history를 가질 수 있고, 개발자와 서버의 저장소는 독립적으로 관리가 가능.
 - commit한 내용에 실수가 있더라도 이 바로 서버에 영향을 미치지 않는다
 - 개발자는 마음대로 commit(push)하다가 자신이 원하는 순간에 서버에 변경 내역(commit history)을 보낼 수 있으며, 서버의 통합 관리자는 관리자가 원하는 순간에 각 개발자의 commit history를 가져올 수 있음.

이렇게 git은 서버 저장소와 개발자 저장소가 독립적으로 commit history를 가져갈 수 있기 때문에 매우 유연한 방식으로 소스를 운영할 수 있으며, 이러한 유연성이 git의 가장 큰 장점이다.


출처 : https://goddaehee.tistory.com/158

 

[웹개발 기초] 형상관리툴이란? (SVN GIT 간단비교)

[웹개발 기초] 형상관리툴이란? (SVN GIT 간단비교) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 형상관리툴, Git SVN 비교 ] 입니다. : ) 형상관리(Version Control Revision Control)툴 - 소프트웨어 버전 관..

goddaehee.tistory.com

반응형
반응형

https://www.iterm2.com/

 

iTerm2 - macOS Terminal Replacement

iTerm2 by George Nachman. Website by Matthew Freeman, George Nachman, and James A. Rosen. Website updated and optimized by HexBrain

www.iterm2.com

iTerm2 is a replacement for Terminal and the successor to iTerm. It works on Macs with macOS 10.12 or newer. iTerm2 brings the terminal into the modern age with features you never knew you always wanted.
iTerm2는 터미널 및 iTerm의 후속 제품을 대체합니다. MacOS 10.12 이상에서 작동합니다. iTerm2는 당신이 항상 원했던 적이없는 기능으로 현대 시대에 터미널을 제공합니다.

Zsh 설치하기 

>brew install zsh 

oh-my-zsh 도 설치하기  https://ohmyz.sh/

>sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Theme는 Preference에서 설정하면 된다. 

 

반응형
반응형

git - 간편 안내서  https://rogerdudler.github.io/git-guide/index.ko.html

 

git - 간편 안내서 - 어렵지 않아요!

 

rogerdudler.github.io

 

폴더를 하나 만들고, 그 안에서 아래 명령을 실행하세요.
git init

 

저장소 받아오기

로컬 저장소를 복제(clone)하려면 아래 명령을 실행하세요.
git clone /로컬/저장소/경로
원격 서버의 저장소를 복제하려면 아래 명령을 실행하세요.
git clone 사용자명@호스트:/원격/저장소/경로

 

작업의 흐름

여러분의 로컬 저장소는 git이 관리하는 세 그루의 나무로 구성돼있어요.
첫번째 나무인 작업 디렉토리(Working directory)
실제 파일들로 이루어져있고, 두번째 나무인 인덱스(Index)
준비 영역(staging area)의 역할을 하며, 마지막 나무인 HEAD
최종 확정본(commit)을 나타내요.

 

추가와 확정(commit)

변경된 파일은 아래 명령어로 (인덱스에) 추가할 수 있어요.
git add <파일 이름>
git add *
이것이 바로 git의 기본 작업 흐름에서 첫 단계에 해당돼요.
하지만 실제로 변경 내용을 확정하려면 아래 명령을 내려야 한답니다.
git commit -m "이번 확정본에 대한 설명"
자, 이제 변경된 파일이 HEAD에 반영됐어요.
하지만, 원격 저장소에는 아직 반영이 안 됐답니다.

변경 내용 발행(push)하기

현재의 변경 내용은 아직 로컬 저장소의 HEAD 안에 머물고 있어요.
이제 이 변경 내용을 원격 서버로 올려봅시다. 아래 명령을 실행하세요.
git push origin master
(다른 가지를 발행하려면 master를 원하는 가지 이름으로 바꿔주세요.)

만약 기존에 있던 원격 저장소를 복제한 것이 아니라면,
원격 서버의 주소를 git에게 알려줘야 해요.
git remote add origin <원격 서버 주소>
이제 변경 내용을 원격 서버로 발행할 수 있어요.

.

 

 

 

반응형
반응형

 

https://git-scm.com/download/win

 

Git - Downloading Package

Downloading Git Now What? Now that you have downloaded Git, it's time to start using it.

git-scm.com

 

 

반응형
반응형

https://aws.amazon.com/ko/codecommit/

AWS CodeCommit는 기업이 안전하고 확장성이 뛰어난 프라이빗 Git 리포지토리를 쉽게 호스팅할 수 있도록 하는 전체 관리형 소스 제어 서비스입니다. 

CodeCommit를 사용하면 자체 소스 제어 시스템을 운영하거나 인프라 조정을 염려할 필요가 없습니다. 

CodeCommit를 사용하면 소스 코드에서 바이너리까지 모든 것을 안전하게 저장할 수 있고 기존 Git 도구와 완벽히 호환됩니다.


Introduction to AWS CodeCommit 

Learn More: https://aws.amazon.com/codecommit/


AWS CodeCommit is a fully-managed source control service that makes it easy for companies to host secure and highly scalable private Git repositories. CodeCommit eliminates the need to operate your own source control system or worry about scaling its infrastructure. You can use CodeCommit to securely store anything from source code to binaries, and it works seamlessly with your existing Git tools.

CodeCommit_Benefit_Managed 

완전관리형 

AWS CodeCommit를 사용하면 자체적으로 소스 제어 서버를 호스팅하고, 유지 관리하고, 백업하고, 확장할 필요가 없어집니다. 이 서비스는 프로젝트의 요구 사항이 늘어남에 따라 이를 충족하기 위해 자동으로 조정됩니다.


CodeCommit_Benefit_Security 

보안 

AWS CodeCommit는 전송 중이거나 상주 중인 파일을 자동으로 암호화합니다. CodeCommit는 AWS Identity and Access Management(IAM)와 통합되어 사용자가 리포지토리에 사용자별 권한을 할당할 수 있게 합니다. 


CodeCommit_Benefit_Available 

고가용성 

AWS CodeCommit는 고도로 확장 가능하며 내구성 있는 중복 아키텍처를 보유하고 있습니다. 이 서비스는 리포지토리의 고가용성 및 액세스 가능성을 유지하도록 설계되었습니다.


CodeCommit_Benefit_StoreAnything 

무엇이든 저장 

AWS CodeCommit를 사용하면 어떤 유형의 파일이든 저장할 수 있으며 리포지토리 크기 제한도 없습니다. 또한, 코드와 함께 애플리케이션 자산(예: 이미지, 라이브러리)을 저장하고 버전을 관리할 수 있습니다.


CodeCommit_Benefit_FasterLifecycle 

개발 수명 주기 속도 향상 

AWS CodeCommit는 AWS 클라우드의 구축, 스테이징 및 프로덕션 환경 가까이에 리포지토리를 유지합니다. 또한, 전체 애플리케이션이 아닌 바뀐 부분만 전송할 수 있습니다. 이를 통해 개발 수명 주기의 속도와 빈도를 높일 수 있습니다.


CodeCommit_Benefit_ExistingTools 

기존 도구 사용 

AWS CodeCommit는 모든 Git 명령을 지원하며 기존 Git 도구와 연동됩니다. CodeCommit와 함께 원하는 개발 환경 플러그인, 지속적인 통합/지속적인 전송 시스템, 그래픽 클라이언트를 계속하여 사용할 수 있습니다.



...

반응형
반응형

wordcloud2.js




Create a tag cloud/Wordle presentation on 2D canvas or HTML.

This library is a spin-off project from HTML5 Word Cloud.

Visit the demo page

Simple usage

Load wordcloud.js script to the web page, and run:

WordCloud(document.getElementById('my_canvas'), { list: list } );

where list is an array that look like this: [['foo', 12], ['bar', 6]].

Options available, see API documentation for detail.

Algorithm

Before putting each word on the canvas, it is drawn on a separate canvas to read back the pixels to record is drawn spaces. With the information, wordcloud.js will then try to find a place to fit the word that is closest to the start point.

Testing

Tests are available with QUnit and grunt. To setup environment for testing, run npm install and manually install SlimerJS of your platform.

Use grunt test to ensure all options can be set without JavaScript error.

Use grunt compare --base-commit=gh-pages to compare your proposed fix with gh-pages branch.

Acknowledgement

The developer would like to thank Chad Jensen for sponsoring the work on image masking on the demo page.


반응형

+ Recent posts