Yobi GIT & Webstorm GIT 사용방법

오늘은 yobi 에서 로컬저장소를 생성하고 Webstorm 에 있는 Git 을이용해 Commit , Push , Pull 작업을 진행해 보겠습니다.

 프로젝트 생성

Yobi(원격 저장소) 에서 프로젝트를 생성 합니다.

-(새 프로젝트 만들기 ) 클릭

   프로젝트 이름을 입력하고 프로젝트를 생성합니다.

•        프로젝트 생성 메뉴 설명

①     GITHUB 나, URL 방식을 이용하는 사이트를 통해 프로젝트를 가져 올 수 있습니다.

②     프로젝트 소유자를 다른 사람으로 변경합니다.

③     프로젝트 이름을 입력합니다.

④     설명을 입력 합니다.

⑤     프로젝트 공개 여부를 설정 할 수 있습니다.

⑥     저장소 타입은 GIT 과 SVN 을 선택 할 수 있습니다.

⑦     프로젝트 메뉴를 설정 할 수 있습니다.

⑧     프로젝트를 생성 또는 취소 할 수 있습니다.

프로젝트 생성이 완료 되었습니다.

생성된 프로젝트 명 은 “localgitTest” 입니다. 

 저장소 복제

Webstorm으로 저장소를 복제 하는 작업 입니다.

프로젝트 메인 오른쪽 상단에 있는 주소 복사를 클릭 합니다.

Webstorm 을 실행 합니다.

GIT 을 실행 합니다.

이미 프로젝트가 열려 있는 경우 다음과 같은 화면이 보이지 않습니다.

이 경우 메뉴에 VCS -> Checkout from Version Control -> GIT 을 선택합니다.

Git Repository URL: Yobi 에서 복사한 URL을 복사 합니다.

Parent Directory: 프로젝트에 최상위 경로를 설정해 줍니다.

Directory Name: 로컬에 생성될 프로젝트 명 을 입력합니다.

Clone 을 클릭 합니다.    

해당 directory를 열어도 되는지 묻습니다. YES를 클릭합니다.

Yobi에서 생성한 원격저장소를 로컬상 Webstorm 에 복제 해온 상태입니다.

사진에서처럼 로컬상에 복제이기 때문에 반드시 Yobi 에 있는 저장소명과 같을 필요는 없습니다.

GIT 사용

Webstorm 에서 GIT 을 사용해 보겠습니다.

Helloyobi 라는 JS 파일을 생성하겠습니다.

생성하게되면 다음과 같은 문구가 나오게 됩니다.

해당 파일을 GIT 에 자동으로 ADD 할 것인지 여부를 확인합니다. YES를 클릭합니다.

GIT에 ADD가 된 파일은 초록색으로 표시가 됩니다.

반면에 No을 클릭하여 ADD가 되지 않은 파일은 갈색으로 표시가 됩니다.

Commit이 완료된 파일은 기존처럼 흰색으로 돌아가게 됩니다.

JS 안에 간단한 구문을 입력하고 본격적인 Commit 작업을 진행 하겠습니다.

오른쪽 마우스 우 클릭 -> GIT -> Commit File 클릭

Commit Message를 입력하고 Commit 클릭.

정상적으로 Commit 이 완료되었다면 파일명이 흰색으로 변경됩니다.

VCS ->GIT -> Push을 클릭.

Master branch에 Commit 된 이력이 보이게 됩니다.

Push를 클릭. Yobi에 가입된 본인 계정에 패스워드를 입력하는 창이 뜨게 됩니다.

패스워드를 입력하면 정상적으로 Push 가 이루어지게 됩니다.

Yobi로 돌아가서 확인해보면 push가 잘된 것을 확인 할 수 있습니다.

이후 다른 사용자가 작업한 변동내역을 가져와서 병합하고 덮어씌우는 경우엔

Pull을 실행합니다.

덮어씌우지 않고 단순히 파일들만 가져오는 것은 Fetch를 이용하게 됩니다.

Pull은   VCS –> GIT -> Pull 클릭.

원하는 Branch를 체크하고 Pull 을 하게 되면 저장소에서 다른 사용자가 작업한 파일들을 가져오고 덮어쓰게 됩니다.

다음 포스팅에는 Branch 사용방법 , 명명규칙 등에 대해서 알아보겠습니다.