Web

Webstorm github 연결

VallistA2017. 2. 14. 21:09

1. 연결 전 준비


webstorm이 설치가 되어 있다는 가정하에 시작한다.


2. 연결 시작


Webstorm > Preferences > Version Control > GitHub


위의 경로로 간다.


<사진 1. Github 세팅>


위와 같이 깃허브 계정을 password와 함께 설정한다.

그리고 text 버튼을 누르면 확인 가능하다.


<사진 2. 테스트 결과>



Webstorm > Preferences > Version Control > Git


<사진 3. Auto-update if push of the current branch was rejected 설정>


3. Github에서 해주기


<사진 4. Github에서 repository 생성>


repository를 생성한다.


<사진 5. 생성된 Repository>


4. Git 다운로드


다운로드 받는다. 


5. GitHub 올리기


깃을 사용할 폴더를 만든다. 필자는 바탕화면에 Git/BlogProject로 만들었다.

그 후 터미널에서 아래와 같이 입력한다.



이렇게 입력후 자신이 만들던 프로젝트가 있으면 해당 폴더에 폴더째로 넣는다.
폴더째로 넣어야 하는 이유는 더러워 지기 떄문인데. 이렇게 되어있으면 된다.

<사진 6. 예시>


이렇게 하고, webstorm에서 작업할 때 서버에 불 필요한게 저장하게되면 쓸모없는 용량을 차지해서 클론 하는 시간도 길어지니 좀 덜어내보자.
이럴때 쓰라고 있는 사이트가 있다. 


위 사이트로 가서 Webstorm을 키워드에 넣고 Create를 하자.

<사진 7>


Create를 하면 소스코드가 웹에 나오는데 이 소스코드들을 .gitignore 라는 이름으로 만들어서 저장하고 README.md 파일 옆에 놓으면 된다.




이어서 아래의 커맨드를 쳐주자.


이렇게 하면 아래와 같이 실행되며 아이디와 비밀번호를 치고 업로드하게된다.


<사진 8. 아이디 비밀번호 입력>


성공적인 푸쉬가 됐는지 확인하도록 하자.

확인은 자신의 홈페이지로 이동하면 된다.


<사진 9. 왜 이거밖에 없지?>


보면 README.md 밖에 없을것이다.

우리는 분명 webstorm과 .gitignore파일을 add했을텐데, 왜 안될까?


먼저, 다시 터미널로 돌아가 아래의 명령 구문을 치고 확인해보자.



<사진 10. 녹색빛의 향연>


보면 이렇게 녹색빛으로 긴 줄이 나올 것이다.

이 것은 add만 되고 서버에는 올라가지 않았다는 것을 의미한다.


숙지하도록하자.


add > commit > push 순으로 해야 서버에 올라가게 된다.


그럼 우린 이제 이 단계를 다시 거치면 된다. add는 했으니 commit을 하고 push를 다시 해보자.



다시 진행해보도록 하자.


<사진 11. 성공>


정상적으로 올라갔는지 다시 홈페이지가서 확인해보도록 하자.


<사진 12. 정상적으로 올라간 프로젝트>


정상적으로 올라갔다.


6. 다시 Webstorm으로 올라와 커밋해보기


프로젝트의 위치를 바꿧으니 Webstorm으로 다시 프로젝트를 열어보자.


열어보면 오른쪽 하단에 unregistered VCS root detected라고 나올텐데. add root를 눌러주자


<사진 13. Add root 누르자.>


이렇게 되면 성공적으로 연동이 된 것이다.


7. commit, push


무조껀 컨트롤 + V 누르면 된다.


<사진 14. 여기서 커밋, 리베이스 등 모든 기능 사용이 가능>


커밋 한번 해보도록 하자.


조금 프로젝트를 바꿔보고.. 커밋하자


<사진 15. 커밋 사진>


이어서 푸쉬를 하자.


<사진 16. 푸쉬>


그리고 홈페이지가서 확인해보도록 하자.


<사진 17. 정상적으로 완료 되었다.>


정상적으로 된 것을 볼 수 있다.

'Web' 카테고리의 다른 글

Node-mysql 사용  (0) 2017.02.14
MySQL 사용  (0) 2017.02.13
MySQL 구조  (0) 2017.02.10
Mysql 설치 및 환경 설정  (0) 2017.02.10
Webstorm 설치 및 설정, node js + express 프로젝트 생성  (0) 2017.02.07

댓글

VallistA

병특이 끝나서 게임에서 웹으로 스위칭한 프로그래머.
프로그래밍 정보등을 공유합니다.
현재는 이 블로그를 운영하지 않습니다.
vallista.kr 로 와주시면 감사하겠습니다!

자고 싶습니다. ㅠㅠ

Github      :: 링크

궁금한점 문의 주시면 답변드리도록 하겠습니다

VISITED

Today :

Total :

SNS

  • 페이스북아이콘
  • 카카오톡아이콘
  • 트위터아이콘

Lately Post

Lately Comment