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. 예시>
<사진 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 :
Lately Post
Lately Comment