기타 (11) 썸네일형 리스트형 깃허브에 2개 이상의 계정으로 접속하기 깃허브에 계정을 1개만 사용하는 경우가 대부분이지만, 회사 계정과 개인 계정을 하나의 컴퓨터에서 사용하는 경우도 있습니다. 저처럼 실제 계정 외에 테스트 계정이 필요한 경우도 있고요. 그런데 깃허브 원격 저장소를 한번 추가하면 다른 계정으로 접속하려고 해도 처음 계정 정보를 가지고 있기 때문에 다른 계정의 push 권한을 가지지 못합니다. 깃허브에서 2가지 계정을 각각 사용하려면 SSH 접속을 사용하면 됩니다. 새로운 SSH 키 만들기 1) Git Bash를 실행한 후 다음 과정을 따라서 SSH 키를 생성합니다. cd ~/.ssh ssh-keygen -t ed25519 -C "메일주소" Enter file in which to save the key : ssh 키 파일 이름을 지정할 수 있습니다. 그냥 .. 깃허브 소개 깃허브 소개 깃허브(GitHub)는 분산 버전 제어 시스템인 Git을 핵심으로 사용하는 클라우드 기반 플랫폼으로 프로젝트에서 협업 프로세스를 간소화하고 개발자와 사용자의 협업을 허용합니다. 이미 알고 있듯이 깃허브는 동종 최대 규모의 개발자 커뮤니티입니다. 1억 명 이상의 개발자, 3억 3천만 개 이상의 리포지토리 그리고 수많은 배포 관련 실시간 데이터를 통해 개발자의 변화하는 요구 사항을 이해하고 제품을 그에 맞게 변경하고 있죠. 그 결과 깃허브는 전 세계 어느 기업도 따라올 수 없는 놀라운 규모를 갖추게 되었고 혁신적인 효율성을 위한 협업 기능, 생산성 향상을 위한 도구, 모든 단계의 보안, 이 모든 것을 새로운 차원으로 끌어올리는 생성형 AI의 통합까지, 계속해서 발전해 가고 있습니다. 협업 : 깃.. [기타] 깃허브 코파일럿 설치 및 구성하기 여기에서는는 깃허브 코파일럿에 등록하는 방법, Visual Studio Code를 사용하여 깃허브 코파일럿 을 구성하는 방법, Visual Studio Code를 사용하여 깃허브 코파일럿의 문제를 해결하는 단계에 대해 살펴봅니다. 깃허브 코파일럿 에 등록 깃허브 코파일럿을 사용하려면 먼저 개인 계정용 무료 평가판을 사용하거나 유료로 결제(구독 설정)해야 합니다. 참고: 깃허브에서 인기 있는 오픈 소스 프로젝트의 관리자나 학생, 교사는 코파일럿 개인(Copilot Individual)을 무료로 사용할 수 있습니다. 학생이나 교사라면 깃허브 에듀케이션 페이지를 방문해 보세요. 무료 평가판 등록하기 깃허브 코파일럿을 한번도 사용해 본 적이 없다면 무료 평가판을 먼저 사용해 보기 바랍니다. 30일간 무료로 사용.. [깃허브] 깃허브 코파일럿 소개 깃허브 코파일럿 소개 AI가 기술 환경에 변화를 일으키고 있다는 것은 이미 잘 알려진 사실입니다. AI는 세상이 움직이는 방식과 조직과 팀의 운영 방식에 근본적인 변화를 가져오고 있습니다. 이러한 AI의 발전은 기폭제의 역할을 할 수 있으며, 이를 잘 활용하고 적용하면 전 세계 개발자의 생산성을 획기적으로 발전시킬 수 있습니다. 개발자의 경우 자주 사용하는 개발자 도구에 AI 기능을 추가함으로써 이전보다 더 빠르고 효율적인 공동 작업, 개발, 테스트, 제품 출시의 결과를 가져올 수 있습니다. 깃허브 코파일럿은 모든 상용 프로그래밍 언어에서 작동되며 개발자의 생산성을 전반적인 영역에서 획기적으로 높여주는 AI 보조 프로그래머가 지원되는 서비스입니다. 최근 연구에서 GitHub와 Microsoft는 개발자가.. 자바스크립트 라이브러리와 프레임워크, 어떤 순서로 공부할까 모던 웹 개발에서 Javascript는 빼놓을 수 없는 프로그래밍 언어입니다. HTML과 CSS는 웹의 기본이기 때문에, 이미 공부했다고 치고~^^ 자바스크립트를 어떤 순서로 공부해 나가야할지 정리해 보았습니다. 시작은 Javascript부터 JavaScript: 웹 개발의 기본이 되는 프로그래밍 언어이며 다른 모든 주제를 이해하는 데 필수적입니다. JavaScript는 프런트엔드와 백엔드 개발 모두에 사용됩니다. JavaScript, 특히 ES6+ 기능에 대한 탄탄한 이해가 필요합니다. 프런트엔드 개발 프런트엔드 개발에는 Angular를 비롯해 Vue.js 같은 다양한 라이브러리와 프레임워크들이 있습니다. 현재 가장 많이 사용하는 React를 기준으로 설명합니다. React: 사용자 인터페이스, 특히 .. [공유] ChatGPT, 넌 누구냐? 요즘 ChatGPT가 정말 핫하죠? 이미 써 본 분들도 있을거고, 들어보긴 했지만 아직 접해보지 않은 분도 있을 겁니다. 대화형 인공지능이라서 이것저것 물어보고 대답하는 과정이 재미있긴 했지만 이것을 어디에 어떻게 활용해야 할지 난감했습니다. 그래서 이것저것 정보를 찾아보던 중, 쉽게 ChatGPT를 설명한 강의가 있어서 공유합니다. 내용도 어렵지 않고, 여러 가지 생각할 거리를 던져주는 영상입니다. https://www.youtube.com/watch?v=-5S8yHHsaHQ [깃허브] 깃허브에 이력서 페이지 만들기 (5) - 커밋하기 이전 내용 [깃허브] 깃허브에 이력서 페이지 만들기 (1) - 환경 설정하기 [깃허브] 깃허브에 이력서 페이지 만들기 (2) - 마크업하기 [깃허브] 깃허브에 이력서 페이지 만들기 (3) - 내용 채우기 [깃허브] 깃허브에 이력서 페이지 만들기 (4) - 스타일 적용하기 지금까지 만든 문서의 수정 사항을 깃허브에 등록해야 합니다. 이것을 '커밋'이라고 합니다. 처음부터 깃허브 사이트에서 시작했고, 온라인 편집기를 사용했기 때문에 소스를 작성한 후 커밋하기만 하면 그대로 깃허브에 추가됩니다. 커밋하기 1. 소스를 작성하면서 발견했을지도 모르지만, 왼쪽의 사이드바에 파란색으로 숫자가 표시되어 있습니다. 수정된 파일의 갯수를 나타내는데, 아직 깃허브로 커밋하지 않은 파일을 가리킵니다. 사이드바에서 Source.. [깃허브] 이력서 페이지 만들기 (4) - 스타일 적용하기 이전 내용 [깃허브] 깃허브에 이력서 페이지 만들기 (1) - 환경 설정하기 [깃허브] 깃허브에 이력서 페이지 만들기 (2) - 마크업하기 [깃허브] 깃허브에 이력서 페이지 만들기 (3) - 내용 채우기 앞에서 HTML을 사용해 문서 내용을 작성해 보았습니다. 이제 좀더 보기에 괜찮은 문서로 만들기 위해서는 CSS를 사용해서 제목이나 텍스트, 목록에 스타일을 적용해야 합니다. 글자의 크기나 색상 뿐만 아니라 각 섹션의 위치도 조절할 수 있죠. 이렇게 HTML로 내용을 작성하고 CSS로 스타일을 만들게 되면 내용과 디자인이 분리됩니다. 내용을 수정하려면 HTML 문서만 수정하면 되고, 스타일을 바꾸고 싶다면 CSS 파일만 수정하면 되겠죠? HTML과 별도로 저장하는 CSS 파일을 '외부 스타일시트 파일'이.. [깃허브] 이력서 페이지 만들기 (3) - 내용 채우기 이전 내용 앞의 내용에서 기본적인 HTML 문서 구조를 만들고 제목까지 붙여 보았습니다. 앞의 내용이 궁금하다면 아래 링크를 참고하세요. [깃허브] 이력서 페이지 만들기 (1) - 환경 설정하기 [깃허브] 이력서 페이지 만들기 (2) - 마크업하기 헤더 내용 채우기 대부분의 이력서에는 이력서 제목에 사람의 이름을 표시합니다. 즐겨 사용하는 닉네임이 있다면 닉네임을 적기도 하죠. HTML 태그 중 가장 큰 제목을 나타낼 때는 태그를 사용합니다. index.html에서 아래 소스 부분에서 '이름' 부분을 자신의 이름으로 수정합니다. 그리고 '타이틀' 부분에는 현재 직함을 적습니다. 수정 전 태그 앞에 추가하세요. 태그가 아니라 태그라는 점에 주의하세요. 2) 내용 작성하기 소셜 미디어 연락처는 클릭했을 때 .. [깃허브] 이력서 페이지 만들기 (2) - 마크업 하기 이전 내용 [깃허브] 깃허브에 이력서 페이지 만들기 (1) - 환경 설정하기 "마크업(Markup)"이란 웹 브라우저가 이해할 수 있는 기호를 사용해 문서를 구성하는 것을 말합니다. 예를 들어, 여기에서 여기까지는 메뉴고, 이 부분은 텍스트고, 또 이 부분은 이미지라고 알려주는 것이죠. 조금 더 확장하면 텍스트라도, 제목과 일반 텍스트가 다르고, 제목도 1단계 제목, 2단계 제목으로 구성되기도 합니다. 물론 텍스트 역시 순수한 텍스트한 있는 반면 목록이나 인용문 등도 있고요. 이렇게 웹 문서에서의 역할에 따라 해당 부분에 표시해 주는 것을 '마크업'이라고 하고, 이 때 사용하는 기호를 '태그'라고 합니다. 이미 HTML에 대해 공부했다면 지금부터 알려주는 소스가 쉽게 이해되겠지만, 아직 HTML을 공부하.. 이전 1 2 다음
