반응형 웹-프론트(Web-Front)/깃허브(Github)4 [깃허브.004] 웹 사이트 무료배포 HTML/CSS/JS 로 만든 Single 웹 페이지를 무료로 온라인에 업로드해서 다른사람들이 볼 수 있도록 배포하면 얼마나 좋을까요? 깃허브에서는 이것이 가능합니다. 웹 개발의 마지막 단계인 배포(deploy)를 깃허브에서 하는 방법은 다음과 같습니다. [1] Github Pages 설정을 이용해서 나의 서버연동 없이 무료로 웹 사이트를 배포할 수 있습니다. 준비과정은, 아래와 같이 최상단 경로에 index.html 파일이 존재하게끔 깃허브에 웹 파일을 업로드 합니다. [2] 파일 준비가 되었다면, 아래 그림의 1~4 순서대로 눌러 줍니다. [3] Save 버튼까지 눌렀으면, 조금만 기다려 주세요. 그러면 아래 그림과 같이 페이지를 새로고침 했을 때, Environments라는 메뉴가 생깁니다. 이거를.. 2022. 3. 3. [깃허브.003] 내 코드 깃허브에 올리기 * 먼저 알아야할 개념 이 실습을 하기전에 위 그림의 원격 저장소, 로컬 저장소의 개념을 먼저 알아야 합니다. -원격 저장소:: 깃허브 온라인 사이트의 파일 저장소-로컬 저장소: 내 컴퓨터 속의 오프라인 저장소 * 아래 실습은 "[깃허브.002] 깃허브 데스크탑용 프로그램설치/저장소 연결" 실습을 완료한 후 이어지는 실습입니다. [1] 깃허브의 원격 저장소와 깃허브 데스크탑 프로그램이 연결된 상태에서 아래 그림과 같이 데스크탑 프로그램의 화면에 보면, (1) 저장소의 이름(myfirstTest)을 확인할수 있고, (2) show in Explorer를 클릭하면 내 컴퓨터에 저장된 코드의 폴더(로컬 저장소)로 이동하게 됩니다. [2] Show in Explorer 버튼을 눌렀을 때 나타나는 폴더(로컬 저장.. 2022. 2. 28. [깃허브.002]데스크탑 깃허브 설치/저장소 연결법 [1] github.com 에 접속하여 회원가입합니다. [2] 오른쪽 상단의 내 계정을 클릭하여 나타나는 메뉴 중, Your repositories를 클릭합니다. 여기에서 repository는 깃허브의 저장소를 말합니다. [3] 새로운 repository를 만들기 위해 나타나는 화면에서 New(초록색 버튼)를 클릭합니다. [4] Repository name에 아무 이름을 적습니다.(나의 코드가 저장될 장소의 주소로 사용되는 이름입니다.) 그리고 Public, Create repository 버튼을 누르면 repository가 생성됩니다. [5] 아래 화면의 빨간네모 부분처럼 주소가 생긴 화면이 나타나면 나만의 저장소인 repository가 잘 만들어 진 것입니다. 지금은 저장된 내용이 없어서 아래와 같이.. 2022. 2. 28. [깃허브.001] 깃허브란?(What is github?) Git이란 소스코드를 효과적으로 관리하기 위해 개발된 '분산형 버전 관리 시스템'입니다. (원래는 Linux 소스코드를 관리할 목적으로 개발 되었습니다.) Git에서는 소스 코드가 변경된 이력을 쉽게 확인할 수 있고, 특정 시점에 저장된 버전과 비교하거나 특정 시점으로 되돌아갈 수도 있습니다. Git -로컬에서 관리되는 버전 관리 시스템 (VCS : Version Control System) -소스코드 수정에 따른 버전을 관리해주는 시스템 Github -클라우드 방식으로 관리되는 버전 관리 시스템(VCS) -자체 구축이 아닌 빌려쓰는 클라우드 개념 -오픈소스는 일정 부분 무료로 저장 가능, 아닐 경우 유료 사용 -다른 사람들과 협업할 경우, 오픈소스를 공유하고 다른 사람들의 의견을 듣고 싶은 경우 등은 .. 2022. 2. 28. 이전 1 다음 728x90 반응형
