디지털 활용16

• 

  깃허브의 새로운 기능 - 코드스페이스와 깃허브 데브, 코파일럿 오늘은 깃허브의 새로운 기능을 알려보려고 한다. 바로 웹 상에서 개발을 가능하게 한 코드스페이스(Codespace), 깃허브 데브(github.dev), 마지막으로 AI 기반 소스 작성 도구인 코파일럿(Copilot)이다. 요즘 AI 퀄리티도 많이 올라갔고 대세가 되고 있는 시점이라 코파일럿(Copilot)이 엄청나게 뜨고 있는데, 어떤 내용인지 한번 알아보자. 클라우드에서 개발하기 깃허브 코드스페이스 개발 환경을 온라인으로 옮겨 놓은 것이기에 집, 회사, 휴가지 등 어디에서도 동일한 개발 환경에서 업무를 할 수 있다. 브라우저에서 VS Code 편집기를 사용해서 소스를 작성하고 깃허브로 올리는 방식이다. 대신 이 서비스는 깃허브 팀이나 엔터프라이즈 계정에서 사용할 수 있는 서비스로, 사용한 시간과 저장.. 디지털 활용/IT 꿀팁 2024. 2. 24.

• 

  깃허브 블로그 만들기 - 블로그에 포스트 작성하기 깃허브 블로그를 이전 글에서 만들어 보았다. 2024.02.24 - [Git & GitHub] - 깃허브 블로그 만들기 - 지킬 테마 적용 블로그 생성하기 깃허브 블로그 만들기 - 지킬 테마 적용 블로그 생성하기 깃허브로 블로그도 만들 수 있다. 애드센스도 달 수 있기 때문에 프로그래밍에 익숙한 사람은 티스토리가 아닌 깃허브 블로그도 많이 사용한다. 워드프레스와 비교할 때 깃허브 블로그는 무료 godsgift.tistory.com 이제 만들어진 블로그에 실제로 글을 써 볼 예정이다. 따라서 이번에 공부할 내용은 블로그에 포스트 작성하기!! (포스팅하기) 블로그 첫 글 작성하기 1. 지킬 테마에서 블로그 포스트는 _posts 디렉터리에 저장됨. _posts 디렉터리 내용 확인. 2. 2014-3-3-Hel.. 디지털 활용/IT 꿀팁 2024. 2. 24.

• 

  깃허브 블로그 만들기 - 지킬 테마 적용 블로그 생성하기 깃허브로 블로그도 만들 수 있다. 애드센스도 달 수 있기 때문에 프로그래밍에 익숙한 사람은 티스토리가 아닌 깃허브 블로그도 많이 사용한다. 워드프레스와 비교할 때 깃허브 블로그는 무료라는 큰 장점이 있다. 깃허브는 지킬 테마 (Jekyll theme)란 깃허브 페이지에서 블로그나 사이트를 만들 때 사용할 수 있는 디자인과 스타일 모음이다. 지킬 테마를 수정하려면 HTML과 CSS 지식이 필요한데, 일단 양식에 맞추어 똑같이 따라 할 수는 있다. 참고로, 깃허브 블로그는 계정당 1개만 만들 수 있다. 지킬 테마 살펴보기 구글에서 지킬 테마로 검색 시 여러 사이트가 나온다. 테마 마다 demo 링크를 클릭해서 원하는 테마를 고른다. (유료와 무료 다 있다) 지킬 테마 참고 사이트는 다음과 같다. https:.. 디지털 활용/IT 꿀팁 2024. 2. 24.

• 

  깃허브로 이력서 사이트 만들기 깃허브에는 페이지 (pages) 기능이 있다. 이 기능을 활용하면 깃허브 안에 인터넷 사이트를 만들 수 있다. 이 사이트를 이용해서 기술 블로그나 개인 블로그를 만들 수 있으며, 애드센스도 달 수 있다. 간단한 이력서 사이트를 만드는 방법과 지킬 테마를 사용해 블로그 만드는 방법을 공부하였다. HTML, CCS 파일로 이력서 사이트 만들기 사용할 파일 준비하기 웹 사이트를 만들려면 사이트 내용이 담긴 HTML 파일과 사이트 디자인이 담긴 CCS 파일이 있어야 한다. 이 때 첫화면은 반드시 index.html 로 저장해야 하고, 자신의 PC 에서 이미지와 링크가 제대로 동작하는지 확인 후 푸시해야 한다. HTML과 CCS 를 할 줄 모르는 입문자이기에 책에서 제공하는 예제 파일을 사용해서 연습하였다. (모.. 디지털 활용/IT 꿀팁 2024. 2. 19.

• 

  VS Code 깃 & 깃허브 사용하기 - 깃허브 연결 VS Code 에서 깃과 깃허브 사용하는 방법을 공부하고 있다. 2024.02.17 - [Git & GitHub] - 깃과 깃허브 비주얼 스튜디오 코드로 다루기 - VS code 깃과 깃허브 비주얼 스튜디오 코드로 다루기 - VS code 깃허브는 터미널 창으로 직접 하는 것 뿐만 아니라 버전 관리를 편하게 해 주는 여러 프로그램들을 활용하여 할 수도 있다. 버전 관리를 해 주는 프로그램은 소스트리(Source Tree)나 깃허브 데스크 godsgift.tistory.com 이전 글에서 기본 셋팅 방법을 알아봤고, 지금은 본격적으로 깃허브에 연결하는 방법과 셋팅을 공부하고자 한다. 깃허브에 연결하기 깃허브에 원격 저장소 만들기 1. 깃허브 로그인 후 New 눌러서 새 저장소 만들기 - test-3 으로 .. 디지털 활용/IT 꿀팁 2024. 2. 18.

• 

  깃과 깃허브 비주얼 스튜디오 코드로 다루기 - VS code 깃허브는 터미널 창으로 직접 하는 것 뿐만 아니라 버전 관리를 편하게 해 주는 여러 프로그램들을 활용하여 할 수도 있다. 버전 관리를 해 주는 프로그램은 소스트리(Source Tree)나 깃허브 데스크톱(Github Desktop) 같은 것이 있는데, 비주얼 스튜디오 코드(VS Code)를 개발자들이 많이 사용한다. VS Code는 많은 개발자들이 사용하는 편접기로 버전 관리 기능까지 포함하고 있다. VS Code를 사용하는 방법에 대해 공부해 보자. 저장소 만들기 새 폴더 만들고 작업 폴더 추가하기 1. 윈도우 탐색기에서 새로운 폴더 추가 2. VS code 실행 후 파일-폴더 열기 선택해서 폴더 등록 3. VS code 왼쪽 탐색기에 새로운 폴더 추가되었음을 확인 저장소 초기화하기 VS code 에게.. 디지털 활용/IT 꿀팁 2024. 2. 17.

• 

  깃허브에서 다른 사람과 소통하기 깃허브에는 전 세계의 다양한 오픈 소스들이 많이 모여 있어서 공부하기에도, 업무하기에도 큰 도움이 된다. 이번에는 깃허브에서 오픈 소스 프로젝트에 참여하는 방법에 대해 알아보고자 한다. 깃허브 프로필 관리하기 프로필 작성하기 깃허브 프로필에 들어가면 이름과 사진을 비롯한 개인정보, 관리하는 저장소 목록, 사용자가 깃허브에서 활동한 기록을 볼 수 있다. 이 중에서 아래에 녹색 칸으로 표시되는 사용 기록이 있다. 이것은 컨트리뷰션(contribution) 이라고 깃허브에 커밋을 올리는 것 뿐만 아니라 다른 오픈 소스 프로젝트에 PR 을 등록한 는 등 깃허브에서 하는 모든 활동 수에 따라 색상이 변경되는 시스템이다. 이 항목은 TIL, Today I Learned 로 개인의 공부 기록을 남기는 용도로도 자주 .. 디지털 활용/IT 꿀팁 2024. 2. 17.

• 

  깃허브로 협업하기 - 원격 저장소 공동작업 깃허브에서 원격 저장소를 만들고 다른 사용자와 이를 공유해서 함께 사용하는 방법에 대해서 공부하였다. 본격적으로 깃허브를 통해 협업하는 방법을 알아보려고 한다. 깃허브를 통해 협업을 하려면 브랜치 이름, 레이블, 이슈 관리 등 미리 규칙을 정해 둘 필요가 있다. 이러한 것들은 사람마다, 팀마다 다르므로 협업이 진행되는 과정에 대해서 간략히 알아보려고 한다. 이번 예제는 사용자 3명이 하나의 원격 저장소에서 협업하는 것을 가정한 것이다. 협업의 기본 알아보기 협업을 위한 저장소 만들기 1. 깃허브 홈페이지에서 저장소를 만들 때 Add a README file 을 체크해서 새로운 원격 저장소를 만든다. 2. 예시를 위해 manuals 라는 제목의 저장소를 만들고 main 브랜치가 만들어져 있음을 확인한다. .. 디지털 활용/IT 꿀팁 2024. 2. 15.

• 

  깃허브로 협업하기 - 원격 저장소 함께 사용하기 깃허브에는 여러 가지 강력한 장점들이 있다. 회사 컴퓨터에서 작업 하는 것을 집에서도 작업할 수 있으며, 깃허브의 원격 저장소를 이용하여 각각 다른 팀원이 프로젝트 파일에 접근할 수 있다. 이렇게 협업을 하기 위해서는 하나의 원격 저장소에 둘 이상의 지역 저장소가 연결되어야 한다. 원격 저장소 다중 연결 방법과 동기화 방법에 대해 공부해 보자. 서로 다른 컴퓨터에서 원격 저장소 함께 사용하기 원격 저장소 복제하기 - git clone 원격 저장소에 담긴 내용 전체를 지역 저장소로 가져오는 것을 '클론', '클로닝', '복제한다' 라고 한다. 앞선 글에서 깃허브에 test-1 저장소를 만들었는데, 이것을 PC 로 가져오는 예제이다. 1. 깃허브에서 test-1 을 선택, code 클릭, HTTPS:// 주.. 디지털 활용/IT 꿀팁 2024. 2. 12.

• 

  깃허브 시작하기 - 깃허브 가입, 원격 저장소 연결 및 동기화 지금까지는 깃으로 User의 지역 저장소, 나의 하드디스크에 파일을 저장했었다. 인터넷에서 버전 관리를 위해서 깃허브 서비스에 대해 공부해 보고자 한다. 원격 저장소와 깃허브 백업 및 공유의 개념으로 원격 저장소를 많이 사용한다. 원격 저장소는 깃허브를 많이 사용하는데, 무료이면서도 전세계의 개발자가 많이 사용한다. 깃허브를 사용해야 하는 추가적인 이유들은 다음과 같다. 많은 개발자들이 공개해 둔 오픈 소스들을 확인할 수 있고 오픈 소스에 참여할 수도 있다. 깃허브에 있는 코드스페이스(Codespaces)라는 기능을 사용하면 깃허브 내에 나만의 개발 환경도 만들 수 있다. 협업 프로젝트에 사용할 수 있다 자신의 개발 이력을 남길 수 있다 깃허브 가입하기 인터넷 깃허브 사이트에서 회원 가입을 하면 된다. .. 디지털 활용/IT 꿀팁 2024. 2. 10.

• 

  깃 명령어 총정리 깃 사용법에 대해 공부하고 실습해 보았다. 이번에는 지금까지 정리한 내용을 요약한 글을 작성해 보았다. 향후 명령어가 기억나지 않는다면 이 글만 참고해도 충분할 것이다. 깃 시작하기 1. mkdir : 새 디렉터리 만들기 2. rm : 파일이나 디렉터리 삭제, -r 옵션 사용 시 데릭터리 삭제 3. cd 폴더명 : 지정한 폴더로 이동 4. cd .. : 상위 디렉터리로 이동 5. cd ~ : 홈 디렉터리로 이동 6. pwd : 현재 경로 표시 7. ls : 현재 디렉터리 안의 내용 표시 8. ls -l : 현재 디렉터리 안의 파일과 폴더 상세 정보까지 표시 9. ls -a : 현재 디렉터리 안의 숨김 파일과 폴더 표시 10. vim 파일명 : 빔 편집기를 사용해 파일을 작성하거나 수정 11. cat 파일.. 디지털 활용/IT 꿀팁 2024. 2. 9.

• 

  깃 브랜치 - 브랜치 병합하기 + 삭제하기 깃에서 브랜치에 대해 공부하고 있다. 2024.02.07 - [Git & GitHub] - 깃과 브랜치 - 브랜치 생성 및 활용 깃과 브랜치 - 브랜치 생성 및 활용기존 파일에 새로운 기능을 추가해야 할 경우가 자주 있을 것이다. 이 때 제대로 동작하는 소스는 그대로 둔 채 기능을 추가한 새로운 버전을 따로 만들어 관리하고, 이 새로운 버전을 기존 버전godsgift.tistory.com이전 글에서 브랜치를 생성하고 브랜치를 관리하는 방법을 알아보았는데, 본격적으로 브랜치를 병합하고 충돌을 관리하는 법을 예제를 통해 공부해 보았다. 브랜치 병합하기브랜치마다 각자 커밋하더라도 어느 시점에는 브랜치 작업을 마무리하고 기존 브랜치와 합쳐 최종 파일을 만들어야 한다. 이를 브랜치 병합(merge)라고 말한다. .. 디지털 활용/IT 꿀팁 2024. 2. 8.