지난 글에 이어 CSS에 대해
알려드리도록 하겠습니다.
지난 글에서는
프로그래밍에서
자주 사용하게 될
GIT에 대해서
알려드렸습니다.
만약 기억이 잘 나지 않으시거나
혹시 모르시는 분들은
밑에 글을 참고해주세요.
기초코딩 - GIT이란 무엇일까?
지난 글에 이어 CSS에 대해 알려드리도록 하겠습니다. 지난 글에서는 Media Query를 통해 화면을 가로로 돌리면 또는 세로일 때 따라 나오는 화면이 변경되는 방법에 대해 알려드렸습니다. 만약 기
tm-csc.tistory.com
이번 글에서는
GITHUB에 대해서
알려드리도록 하겠습니다.
먼저 운영체제에 맞게
Git을 다운로드하였다면
GitHub사이트로 접속해야 합니다.
먼저 github.com으로 가서
계정이 없다면 만들어주시고
있다면 로그인해주시면 됩니다.
이렇게 가입해주고 나서
로그인해주시면
Dashboard로 접속하게
될 것입니다.
그럼 여기서 가장 중요한 것은
바로 Repositories입니다.
Repository는 내가 만든
코드가 살고 있는 또는
계속 저장되게 되는 공간이라고
생각하시면 되는데요.
어떠한 프로젝트를 진행하냐에
따라 폴더를 새로 생성해주고
그 안에 코드의 변경내역과
그 히스토리를 기록하게 됩니다.
또한 다른 사람과 공유할 수도 있고
나만이 볼 수 있도록 비공개
처리한 다음 프로젝트를
진행할 수도 있습니다.
그리고 폴더 안을 클릭하면
이렇게 만들어진 코드 내역을
볼 수 있습니다.
마치 컴퓨터의 폴더처럼
생겼고 그 안에는 또 다른
작은 폴더, 작은 폴더 안에
파일처럼 생겼습니다.
또한 HTML 파일을
클릭해보면
위의 사진처럼
변경내역 또는 수정내역이
표시되면 어떻게 코드가
구성되었는지 확인해 볼 수 있죠.
물론 이를 복사해서
실행해볼 수도 있으며
만약 누군가에게 코딩을
배우거나 공유하려는 목적이면
남들이 코드를 쓰는 방식을
배울 수도 또는 간편하게
작성하여 남들과 쉽게 정보를
공유할 수 있게 될 것입니다.
또한 이런 마크의
히스토리를 누르게 되면
어느 시점에 어떤 코드를 삭제하고
수정하였는지 확인할 수 있고
왜 오류가 나는지 또한
빠르게 찾아낼 수 있습니다.
왼쪽에는 내가 기록한 코드의
붉은색으로 표시된 것이
삭제된 내역이고 오른쪽의
초록색으로 표시된 것이
수정된 내역이어서 이를 보고
한눈에 비교가 가능합니다.
당연히 전에 사용했던
프로젝트에서 사용했던 코드가
기억이 나질 않는다면
저장해놓았던 github를 통해
찾아보고 이를 다시 사용할 수도
있으며 맘에 드는 코드를
따로 기록하여 원할 때마다
꺼내서 사용할 수도 있죠
즉 이를 사용하는 방법은
무궁무진하며 코딩을
본격적으로 시작하려고
생각한다면 GitHub는
반드시 사용하셔야 할 것입니다.
그럼 여기까지 궁금하신 점은
댓글에 남겨주시고
공감과 구독도 부탁드립니다.
