jonbeo 님의 블로그

1. Git 설치 여부 확인먼저 Git이 설치되어 있어야 VS Code에서도 Git을 사용할 수 있어요!VS Code 터미널 열기 (단축키: `Ctrl + ``)아래 명령어 입력git --version 설치되어 있다면 버전 정보가 출력됩니다. 없다면 Git 공식 사이트에서 설치하세요.2. GitHub 계정 만들기 (이미 있다면 생략 가능)https://github.com/ 접속우측 상단 Sign up 클릭이메일, 비밀번호 입력 후 계정 생성3. 로컬 Git 저장소 만들기VS Code에서 만든 웹 프로젝트 폴더 열기터미널에서 다음 명령어 실행git init 3. 변경된 파일을 Git이 추적할 수 있도록 스테이징git add . 4. 커밋 메시지와 함께 첫 커밋git commit -m "처음 ..

공개로 만든 저장소, 비공개로 바꾸고 싶다면 이렇게 하세요!✅ Public과 Private의 차이점 먼저 알아볼까요?구분 Public 저장소 Private 저장소 접근 권한누구나 접근 가능초대된 사람만 접근 가능검색 노출GitHub 검색 및 Google 검색 가능검색에 노출되지 않음오픈소스 공유누구나 포크, 이슈, PR 가능초대한 사람만 협업 가능보안민감 정보 노출 주의 필요민감한 내용 보호에 유리💡 Tip:팀 협업이나 오픈소스를 위한 저장소는 Public이 적합하지만, 개인 프로젝트나 민감한 정보를 담고 있는 경우에는 Private으로 설정하는 게 좋아요.🔁 Public 저장소를 Private으로 바꾸는 방법GitHub에 로그인 후, 비공개로 바꾸고 싶은 저장소로 이동해요.👉 GitHub 접속 ..

💡 GitHub에서 협업할 땐 프로젝트 관리도 중요해요!GitHub는 코드 저장소만을 위한 곳이 아니에요.팀원들과 함께 효율적으로 작업하고,진행 상황을 한눈에 볼 수 있도록 프로젝트 관리 기능도 제공한답니다!대표적으로는✔️ Projects (프로젝트 보드)✔️ Milestones (마일스톤)이라는 두 가지 기능이 있어요.📌 Projects – 할 일을 시각적으로 관리하는 보드Projects는 Trello나 칸반보드처럼작업을 "할 일(To Do) → 진행 중(Doing) → 완료(Done)" 단계로 나누어 관리할 수 있어요.이걸 활용하면 혼자 작업할 때도, 팀 작업할 때도진행 상황을 한눈에 확인할 수 있어요!✅ 프로젝트 보드 만들기GitHub 저장소로 이동하세요상단 메뉴에서 Projects 탭을 클릭"..

🤝 협업에서 유용한 GitHub 기능들– 팀워크를 빛나게 해주는 작은 마법들🌱 들어가며혼자서 프로젝트를 할 땐 괜찮지만,팀 프로젝트를 시작하면 협업이 핵심이 되죠?그럴 때 GitHub의 다양한 기능들이우리의 협업을 훨씬 더 빠르고, 깔끔하고, 효율적으로 만들어줘요!이번 포스팅에선 협업에 유용한 GitHub 기능들을 쏙쏙 정리해볼게요!1️⃣ Collaborator 초대하기 – 함께 일할 사람 추가하기✅ 저장소 Settings → Collaborators에서 팀원을 초대할 수 있어요!초대한 사람은 write 권한 이상이 생겨요함께 코드 수정, 커밋, Push 등 가능2️⃣ Issue – 할 일과 버그를 깔끔하게 정리새로운 기능 제안, 버그 제보, 질문 등을 남길 수 있어요마치 프로젝트 게시판 같은 역할!..

📂 .gitignore 파일이란?– Git이 무시해야 할 파일들을 지정하는 마법의 문서!🌱 들어가며Git으로 프로젝트를 올리다 보면,"어 이 파일은 올리고 싶지 않은데?""개인 설정 파일인데, 팀원들이 보면 안 돼!"싶은 파일들이 생기죠?이럴 땐 .gitignore 파일을 사용하면 해결돼요!🧾 .gitignore란?.gitignore는 Git에게“이 파일은 추적하지 마! 무시해줘!”라고 알려주는 파일이에요.📌 무시하고 싶은 파일이나 폴더의 경로를 작성해두면,Git이 그 파일은 버전 관리를 하지 않아요.🧩 언제 필요할까?예를 들어 이런 경우에 자주 써요:IDE 설정 파일 (.vscode/, .idea/)로그 파일 (*.log)빌드 결과물 (/dist/, /build/)개인 키나 민감 정보 (.en..

🌐 GitHub Pages로 정적 웹사이트 배포하기– 내 프로젝트, 세상 밖으로 공개해봐요!🎯 들어가며GitHub에 올려둔 내 프로젝트,"이걸 웹사이트로 딱! 공개할 수 없을까?"물론 가능하죠!바로 GitHub Pages 기능을 쓰면 됩니다.이 기능은 개발자가 만든 정적 웹페이지(HTML, CSS, JS)를무료로 인터넷에 배포할 수 있도록 도와주는 GitHub의 꿀기능이에요! 🍯🧩 1. GitHub Pages란?GitHub 저장소의 콘텐츠를 웹사이트처럼 보여주는 기능정적 웹사이트 배포에 특화됨 (HTML/CSS/JS).github.io 도메인으로 제공됨 (예: https://username.github.io/)📝 정적 페이지란?서버에서 동작하는 코드 없이단순히 보여주는 HTML, CSS, JS ..

🤝 GitHub Desktop으로 Pull Request 보내기와 충돌 해결하기– 협업의 시작, 이렇게 하면 쉬워요!🌱 들어가며혼자서 프로젝트를 하다가,이제는 친구와 함께 또는 팀과 함께 작업하게 되었다면?바로 Pull Request(PR) 를 알아야 할 때예요!오늘은✅ GitHub Desktop으로 브랜치 작업✅ Pull Request 생성✅ 충돌(Conflict) 해결까지 함께 알아보겠습니다! 💪🌿 1. 브랜치에서 작업 시작하기1. 기존 저장소에서 Branch → New Branch 클릭→ 새로운 브랜치 이름 작성 (예: feature/button) 2. 파일을 수정하거나 새로운 파일을 추가해요→ 변경된 내용이 자동 감지돼요3. 커밋 메시지를 작성하고 Commit to 브랜치명 클릭→ 변경사..

💬 GitHub Desktop으로 커밋과 푸시, 브랜치 만들기까지– 마우스 클릭만으로도 실전 깃 사용법 완성!🌱 들어가며이제 우리는 GitHub Desktop에서저장소도 만들고, 복제도 해봤죠?이제부터는 진짜 실전 작업에 돌입해요!오늘은✅ 커밋(Commit)✅ 푸시(Push)✅ 브랜치 만들기와 전환까지 GitHub Desktop으로 쉽게 해볼 거예요! 🚀📄 1. 파일 변경 후 커밋하기1. 저장소에 파일 추가 or 기존 파일 수정→ 파일이 변경되면 GitHub Desktop이 자동 감지해요 2. 커밋 메시지 작성Summary: 변경 내용을 짧게 요약Description: (선택사항) 좀 더 자세한 설명3. Commit to main 버튼 클릭! ✅ 이걸로 로컬(내 컴퓨터)에 변경 사항이 저장된 거예..

📁 GitHub Desktop으로 저장소 만들기와 복제하기– 내 컴퓨터에서 깃허브까지, 첫 프로젝트를 시작하겠습니다!🌱 들어가며이제 GitHub Desktop도 설치했고, 로그인도 완료했죠?그럼 본격적으로 저장소(Repository) 를 만들어서내 프로젝트를 GitHub에 연결해볼 차례예요! 🎉오늘은✅ 내 컴퓨터(Local)에서 새 저장소 만들기✅ GitHub에 올리기(Push)✅ 다른 저장소를 복제해서 가져오기(Clone)까지 실습해볼 거예요.🆕 새 저장소 만들기 (로컬 → 깃허브)1. GitHub Desktop 실행 후→ 좌측 상단 File 메뉴 → New Repository 클릭2. 저장소 정보 입력Name: 저장소 이름 (예: my-first-repo)Description: 설명은 선택Lo..

🧑‍💻 GitHub Desktop이란?– 설치부터 첫 실행까지, 깃허브 데스크탑 입문 가이드🌱 들어가며“명령어 너무 어렵다...”“Git 배우고 싶은데 뭔가 복잡해 보여...”이런 생각 한 번이라도 해봤다면,GitHub Desktop이 여러분을 위한 최고의 도구일지도 몰라요!오늘은 GitHub Desktop이 뭔지, 왜 쓰는지, 그리고처음 설치하고 실행하는 방법까지 친절하게 안내해드릴게요 🙌🧩 GitHub Desktop이란?GitHub Desktop은 Git과 GitHub을 더 쉽고, 더 눈에 보이게 사용할 수 있도록 만든 무료 데스크톱 앱이에요. 명령어 한 줄도 몰라도✅ 저장소 만들기✅ 파일 변경 추적✅ 커밋하고 푸시하기✅ 브랜치 만들기이 모든 걸 마우스 클릭만으로 할 수 있어요!💻 GitH..