개발도구/Atom & VScode

아톰(Atom) 에디터 - GitHub 저장소 연동해서 편리하게 사용하자

2018. 1. 31. 22:38

아톰(Atom) 에디터 - GitHub 연동 설명

 

① ATOM(아톰) - GitHub에서 만든 오픈소스 에디터이므로, GitHub GUI 기반으로 연동해서 사용이 가능합니다.

    - 부가적인 Plug-in 설치를 통해서 더욱 편리하게 사용하실 수 있어요.(Git-plus 등)

    - Git-plus 플러그인 설치 방법이 잘 설명 된 블로그 - 클릭 

② 검색을 통해서 제공되는 연동 튜토리얼 영문 자료가 많아서 부가적인 설명을 추가해서 작성했습니다.

③ 아래 설명과 같이 작업을 진행하시면 쉽게 연동(Atom ↔ GitHub)하실 수 있습니다.

 

 


아톰(Atom) 에디터 - GitHub 연동 진행 작업 설명


설명
- Git은 미리 설치하셔야 합니다. 설치 URL : 클릭
- Git Clone, Fetch, Pull, Push, Reset 등의 개념 및 명령어 학습이 중요합니다.
- 맥(Mac) 환경에서도 경로만 다를 뿐 과정은 동일합니다.


1. GitHub 사이트에서 회원가입 & 로그인 후 아래와 같이 저장소를 생성(New repository)합니다.


2. 저장소(Repository) 정보를 입력 및 부가적인 설정 후 Create repository를 클릭 합니다.




3. 최종 완성된 저장소(Repository) 정보를 확인합니다.

    - Repository https URL 정보를 확인합니다.



4. Atom 에디터 실행 후 Packages > Github > Toggle Git Tab 을 선택합니다.

    - 윈도우 또는 맥(Linux 등)에서 임의의 프로젝트 폴더를 생성합니다.

    - 또는 기존 로컬 저장소(Local Repository)를 불러오셔도(Add project Folder) 됩니다.




5. 커맨드(윈도우) 또는 터미널(Mac 등) 환경을 실행 후 해당 프로젝트 경로로 이동한 후 아래와 같이 설정합니다.

    - git config user.name '사용 닉네임'

    - git config user.email 'github 이메일'

    - git remote add origin 'Repository URL'

    - 임의의 텍스트 파일을 생성해서 폴더에 추가해 줍니다.(여기서는 윈도우 명령어 copy con 사용)

    - 리눅스(Mac 등) 계열인 경우에는 echo 명령어 등으로 생성합니다.

    - 다른 폴더에서 아무 파일이나 Copy & Paste 하셔도 상관 없습니다.




6. 위에서 추가한 기본 텍스트 파일을 GitHub 저장소에 반영 합니다.

    - 최초 반영 후 아톰 데이터에서 인식하는 경향이 있어서 README.md 파일을 테스트 반영해 준 것입니다.

    - add -> commit -> push순으로 실행해 줍니다.




최종 실행 화면

7. Atom 에디터 실행 후 프로젝트를 확인하시고 GitHub Repository와 연동 된 결과를 확인합니다.

    - 아래 실행 화면을 통해서 add, commit, push 등을 Github Tab 에서 쉽게 사용하실 수 있습니다.

    - GitHub 탭 하단에서 위에서 추가된 원격 저장소(master)가 자동으로 등록되어 있는 것을 확인하실 수 있습니다.

    - 부가적으로 github-plus 플러그인을 설치하시면 git의 모든 명령어를 Command Line Tab 으로 사용가능합니다.




8. GitHub 본인의 저장소(Repository)에 작업 파일이 제대로 반영이 되었는지 확인합니다.




Git 을 가장 빠르게 학습하시고 싶으시다면, 아래 URL을 참고하세요. 요약해서 핵심적인 내용만 잘 설명되어 있답니다.
- 
https://rogerdudler.github.io/git-guide/index.ko.html



저작자표시 동일조건 (새창열림)

'개발도구 > Atom & VScode' 카테고리의 다른 글

VS Code(Visual Studio Code) - 자바(JDK, OpenJDK) 환경 설정 방법  (2) 2019.08.19
아톰(Atom) 에디터 - Atom Beautify 추천 플러그인(Plugin) 설치 방법  (2) 2019.03.11
아톰(Atom) 에디터 - Script 콘솔(Console) 창 폰트 사이즈 조절 팁  (0) 2018.02.19
아톰(Atom) 에디터 - 터미널(Terminal) 설치 후 Git , Npm 등 실행  (0) 2017.08.30
아톰(Atom) 에디터 - 파이썬(Python) 실행 방법  (1) 2017.08.11
'개발도구/Atom & VScode' 카테고리의 다른 글
  • 아톰(Atom) 에디터 - Atom Beautify 추천 플러그인(Plugin) 설치 방법
  • 아톰(Atom) 에디터 - Script 콘솔(Console) 창 폰트 사이즈 조절 팁
  • 아톰(Atom) 에디터 - 터미널(Terminal) 설치 후 Git , Npm 등 실행
  • 아톰(Atom) 에디터 - 파이썬(Python) 실행 방법
[좋은사람]
[좋은사람]
좋은사람의 개발 노트 입니다.
[좋은사람]
좋은사람의 개발 노트
[좋은사람]
전체
오늘
어제
  • 전체보기 (189)
    • 언어 (68)
      • Java (12)
      • Python (39)
      • C# (5)
      • PHP (4)
      • Go (8)
    • OS (18)
      • Linux (7)
      • Windows 10 (5)
      • Etc (6)
    • 빅데이터 & 분석 (8)
      • R (0)
      • Machine Learning (8)
    • 네트워크 (4)
      • Etc (4)
    • 웹 프론트 (25)
      • Javascript & ECMA (8)
      • Vue (13)
      • React (4)
    • 웹 백엔드 (15)
      • Spring (3)
      • Django & Flask (7)
      • Npm & Express (5)
    • 개발도구 (18)
      • Jetbrains (3)
      • Eclipse (5)
      • Git (4)
      • Atom & VScode (6)
    • 데이터베이스 (7)
      • Oracle (2)
      • MariaDB & MySQL (2)
      • Etc (3)
    • 모바일 (6)
      • Android (3)
      • Hybrid (3)
    • 라이프 (20)
      • 여행 & 일상 (6)
      • 취미 (14)

블로그 메뉴

  • 홈으로
  • 블로그소개
  • 태그
  • 방명록

공지사항

인기 글

태그

  • javascript
  • ps4
  • CFW
  • 코딩 면접
  • 윈도우10
  • npm
  • Algorithm
  • php
  • centos
  • 2DS
  • 미뮤
  • Anaconda
  • OCR
  • Git
  • go
  • 리액트
  • flask
  • 머신러닝
  • 커펌
  • SpringSTS
  • ATOM
  • Django
  • react
  • Java
  • Eclipse
  • ubuntu
  • vue.js
  • python
  • Linux
  • 개발자 면접
  • windows10
  • 디자인패턴
  • 이클립스
  • Thread
  • 3DS
  • 아톰 에디터
  • Database
  • nodejs
  • C#
  • 인텔리j

최근 댓글

최근 글

hELLO · Designed By 정상우.
[좋은사람]
아톰(Atom) 에디터 - GitHub 저장소 연동해서 편리하게 사용하자
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.