GitHub
-
카카오톡 클론 코딩 #1 프로젝트이거 공부 했더니 어때?/HTML & CSS & JS 2020. 11. 7. 02:10
이번 시간부터는 카카오톡의 디자인(안드로이드 버전)을 코딩해 보도록 하겠습니다. 그 전에, 카카오톡 화면을 살펴보면, 5개의 화면, 친구 목록, 대화 목록, 게임, 설정 화면으로 이루어져 있습니다. 그리고 카카오톡의 기본 화면들은 색상을 다양하게 사용하지 않았고, 아이콘이나 박스가 많이 사용하고 있습니다. 이제 프로젝트를 만들어 보면... Github Desktop을 켠 다음, File에서 New Repository...를 클릭하여, Name, 이름은 kakao-clone-v2를, Description, 설명에는 Kakao Clone v2를 입력하고, Local Path, 경로는 Documents로 저장하고, README는 체크해 줍니다. Git Ignore, License 모두 None으로 설정한 다음..
-
Github Repository(깃허브 저장소)이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 11. 04:50
이번시간에는 카카오 클론의 repository, 저장소를 create new repository를 클릭해서, 생성해 보도록 하겠습니다. Create new repository를 클릭해서 생성할건데, 이름은 소문자로, 공백은 있어서는 안되고, 만약 공백을 원한다면 기호 '-', 또는 '_'를 대신하여 사용하면 됩니다. 지금 생성할 repository, 저장소의 이름을 kakao-clone이라고 하겠습니다. Local Path는 이 파일의 저장경로를 알려줍니다. 기본적으로 Documents 폴더 안에 깃허브 폴더 하위로 kakao-clone이라는 폴더가 자동으로 생성되지만, 저장 경로는 찾기 쉬운 폴더 위치로 설정하면 됩니다. 그 다음, Initializa ths repository with a README..
-
Github Desktop이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 10. 03:40
깃을 활용해서 코딩을 하는 방법은 두 가지가 있습니다. 첫 번째는, 콘솔을 활용하는 방법 그리고 두 번째는, Github Desktop, 깃허브 데스크탑입니다. 근데 콘솔은 초보자에게 추천하고 싶지 않은 방법입니다. 깃허브 데스크탑은 깃허브가 만든 소프트웨어입니다. 코드의 변경사항을 보기 쉽게 색상으로 알려줍니다. 초록색, 빨간색, 그리고 하단 창을 통해서 어떤 변경사항이 있었는지 commit을 작성할 수 있습니다. 그럼 이제 각각 운영체계(윈도우/맥)에 맞게 다운로드를 받아보겠습니다. 맥의 경우에는, applications 폴더로 드래그해서 열면 되고, 윈도우의 경우에는, 을 눌러서 열어주면 됩니다. 깃허브 데스크탑을 설치하면, 깃을 깃허브 웹사이트와 연동하기 위해서, 제일 먼저 깃 허브 계정을 먼저 ..
-
깃(git), 깃허브(gitbub)이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 7. 15:48
이번 시간에는 깃(git)과 깃허브(github)이 무엇인지에 대해서 배워보겠습니다깃이란 파일에서 만든 변경사항을 추적하는 시스템이라고 할 수 있습니다 워드, 이미지, 포토샵, 혹은 소스코드,Html, Css, Java Script와 같은 모든 파일들의 변경사항을 추적하는 시스템이 바로 깃입니다깃은 변경사항들을 다 알려주기 때문에 아주 유용합니다. 예를 들어, 백업을 했는지, 언제, 무엇을, 어떻게 변경했는지를 알 수 있기 때문에, 팀과 함께 일할 때에도 깃은 누가, 무엇을 변경했는지를 한눈에 알게 해 줍니다이렇게 유용한 깃을 저장해서 볼 수 있는 곳 중 하나가 바로, 컴퓨터입니다.한 가지 가정을 해 보도록 하겠습니다. 우리가 컴퓨터로 html 문서 파일을 변경하거나 저장하는 작업을 하는 일을 하다가, ..