![[Git & GitHub] 무작정 원격 저장소에 파일 올리기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqvIYX%2FbtrnV5LiW4b%2FFugCI9s2uZnlkRKP2CgjuK%2Fimg.png)
안녕하세요! 강씨네집 씨네입니다~
깃허브는 백업과 협업의 목적으로 사용하게 되는데요!
개발자들에게는 필수라고 할 정도로 대부분의 개발자들이 사용하고있다고합니다.
그치만 단순이 업로드를 하는것도 너무너무 어려운데요 ㅠㅠ
오늘은 단순히 업로드 하는 방법을 알아보겠습니다!
1. 우선 해당 화면은 저의 깃허브입니다. 이 화면에서 Repositories를 눌러주세요!
2. 저는 이미 레퍼지토리를 몇개를 만들어놨는데요...! New를 클릭하면 새로운 레퍼지토리를 만들수있습니다.
(아마 레퍼지토리가 아무것도 없으신 분들은 Create Repositiories 였나?? 라고 뜰거에요! 그거 누르시면됩니다)
3. Repository name 칸에 레퍼지토리의 이름을 적습니다. 여기서 레퍼지토리란 저의 깃허브 안에있는 가상공간을 의미한다고 보시면되는데요. 가상공간의 이름을 의미한다고 생각하시면 되겠네요...! 이름 적어주시고 Create repository를 눌러주세요!)
( 해당 레퍼지토리의 설명을 쓰고 싶으면 Description 란에 작성해주시면됩니다! )
4. 그러면 이런 화면이 뜰거에요! 커밋을 하나도 하지 않았기 떄문에 다양한 명령어를 설명해주고있네요...! 혹시 그러면 레퍼지토리가 잘 만들어졌는지 처음 화면으로 돌아가 볼까요??
5. 방금 만들었던 레퍼지토리가 새로 생겼습니다...! 여기 다시 들어가면?
6. 좀전에 봤던 그화면이 다시 나오네요! 여기에서 해당 레퍼지토리의 URL주소가 나옵니다. 주소를 그대로 복사해도 좋지만 오른쪽 디스켓 모양을 클릭하면 복사를 해줍니다! 자 그러면 이제 저희가 만들 레퍼지토리에 업로드를 본격적으로 해볼까요?
7. 우선 저는 c드라이브에서 작업을 할 예정입니다!
8. 빈공간에서 마우스 우클릭을 하면 Git Bash Here이나올거에요! 클릭해주세요! (git을 다운받으셔야 나옵니다 )
해당 글을 참고해주세요!
9. 그러면 CMD창같기도 하고 이런 요상한 창이 나옵니다! 여기에서 c드라이브에 Github에 만들 작업공간을 만들어줄거에요!
10. git clone (아까 복사했던 URL주소) 를 적어주시고 엔터를 눌러주세요!
(붙여넣기는 마우스로 우클릭하면 paste 누르시면됩니다)
11. 엔터를 치면 뭔가 메세지가 나옵니다. warning도 뜨는데 레퍼지토리 공간이 비어있어서 그런가봐여 error는 아닙니다!
12. 다시 c드라이브로 돌아오니 방금 저 명령어 하나 입력했을 뿐인데 폴더가 생겼네요! 이 폴더로 들어가볼까요?!
13. 그냥 들어가면 비어있는 폴더처럼 보이겠지만 숨김파일을 보이게 하면 .git이라는 폴더가 또 있습니다. 이제 이 공간을 통해 git에 파일을 업로드 할수 있습니다! 그럼 여기에 업로드할 프로젝트나 파일을 복사해주세요!
14. 저는 학원 과제로 했던 웹사이트 메인화면 똑같이 따라하기 과제를 올릴 예정입니다!
15. 아까 열었던 Git Bash창은 닫고 여기서 다시 열어주세요! ( 원래는 아까 열었던 창에서 명령어를 입력해서 경로를 바꿔주면 되는데 저는 귀찮아서 주로 이렇게 폴더에 들어와서 다시 창을 열곤합니다 )
16. 해당명령어는 git에 해당 폴더의 모든것을 추가하겠다는 뜻입니다.
. 의 의미는 모든것 이라는 뜻입니다! (오타 아니니까 . 반드시 쳐주세요!)
17. 해당 명령어는 add한 파일들을 commit하겠다는 의미입니다. "message"안의 내용은 전달하고 싶은 메세지를 입력하면됩니다. 저는 주로 커밋한 날짜를 입력하곤합니다!
18. commit을 하게 되면 create되었다고 뭐가 많이 뜨죠?? 이제 push를 통해서 깃에다가 넣어주면 됩니다!
19. 에러없이 잘 업로드가 되었습니다! 이제 깃허브로 가서 확인해볼까요??
20. 아까는 레퍼지토리에 저런게 안나왔었는데 뭔가가 나왔어요!! 한번 들어가볼까요?!
21. 요상한 명령어를 설명해주는 창이 아니라 정말 방금 제가 복사했던 파일이 올라가있네요!
22. 안에 들어가보면 코드가 잘 나옵니다!!
씨네가 클론코딩을 통해 만든 당근마켓 메인페이지(왼쪽) 실제 당근마켓 메인페이지(오른쪽)
왼쪽 오른쪽 비교해봤을때 정말 감쪽같지 안나요?!
제가 만들고도 정말 감탄했습니다...
이거때문에 고생했죠 정말,,,
그래도 한번 만들고 나니까 홈페이지 아무데나 들어가면 이제는 구조이렇게 잡아서 이런거 넣고 이런거 넣었나보다 하는정도까지된거같아요!! ( 그래도 만들진 못합니다 )
쌤이 왜 이런 과제를 내주셨는지 알거같습니다,,,
아무튼 오늘은 깃허브 커밋하는 방법을 알아보았습니다~
'Git > Github' 카테고리의 다른 글
| [Git & Github] 깃 저장소 만들기(git init) (0) | 2022.06.11 |
|---|---|
| [Git & GitHub] 환경 설정하기 git config --global(***please tell me who you are) (1) | 2022.06.10 |
| [Git] CL 리눅스 기반 명령어 (0) | 2022.06.09 |
| [Git & GitHub] 깃허브를 사용하는 이유? 깃관련 프로그램의 종류 (0) | 2022.06.07 |
| [Git & GitHub] 깃허브 시작하기! ( Git & Git Hub 설치하기) (0) | 2022.06.05 |