jonbeo 님의 블로그

Git은 단순한 버전 관리 도구가 아니라,시간을 되돌리고, 수정 내역을 재정렬하고, 다른 브랜치에서 필요한 커밋만 뽑아올 수 있는 아주 강력한 시스템입니다.이번엔 실무에서 자주 쓰이는 3대 명령어를 깔끔하게 정리해보겠습니다 👇🌱 1. git rebase – 커밋 이력 정리의 왕✅ 개념rebase는 커밋을 다른 브랜치 위로 옮겨 붙이는 명령입니다.즉, 브랜치의 시작점을 새로 정리해서 커밋 히스토리를 깔끔하게 만듭니다.📌 예시 # main 브랜치 최신 커밋으로 feature 브랜치 재배치git checkout featuregit rebase main 👉 결과:main의 최신 커밋 이후에 feature 커밋들이 재정렬됨. 📌 주의: 이미 공유된 브랜치(rebase 후 push) 는 충돌을 유발할 수 ..

VS Code는 기본 상태로도 훌륭하지만,필요한 확장 프로그램을 잘 설치하면 생산성, 코드 품질, 디자인 감각까지 모두 향상됩니다.2025년 기준으로 실무 프론트엔드 개발자들이 가장 많이 쓰는 플러그인 10가지를 소개합니다 👇⚡ 1. ESLint🧠 코드 품질 관리 필수자바스크립트 문법, 포맷 오류 자동 검출npm install eslint --save-dev.eslintrc 설정으로 팀 코드 스타일 통일📌 추천 조합 → Prettier + ESLint🎨 2. Prettier – Code Formatter🖋️ 코드 자동 정렬저장 시 자동으로 코드 포맷팅들여쓰기, 세미콜론, 따옴표 통일formatOnSave: true로 설정🧩 3. Path Intellisense🔗 경로 자동 완성import 경..

**CI/CD (Continuous Integration / Continuous Deployment)**는개발자가 코드를 push하면 자동으로 빌드/테스트/배포까지 처리하는 자동화 프로세스입니다.GitHub Actions는 GitHub에서 제공하는 무료 워크플로우 도구로,코드 변경 → 테스트 → 빌드 → 배포 과정을 자동화할 수 있습니다.📌 1. GitHub Actions 기본 구조프로젝트 루트에 .github/workflows/ci.yml 파일 생성 name: CI Pipelineon: push: branches: [ main ] # main 브랜치 푸시 시 실행jobs: build: runs-on: ubuntu-latest steps: - name: Checkout Re..

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

✅ GitHub에서 Pull Request로 기여하기– 실습으로 배우는 오픈소스 협업의 첫걸음✨ 들어가며GitHub에서 오픈소스 프로젝트에 기여하는 방법 중가장 핵심적인 기능이 바로 Pull Request(PR) 에요.“PR 좀 보내주세요~”라는 말, 한 번쯤 들어봤죠?오늘은 초보자도 이해할 수 있도록실습 중심으로 차근차근 Pull Request 과정을 알려드릴게요!🧩 1. Pull Request란?Pull Request는 내가 수정한 코드를 원래 프로젝트에 반영해달라고 요청하는 것!오픈소스 프로젝트는 수많은 사람이 함께 작업하기 때문에,직접 수정하는 게 아니라 "이런 수정 했는데 확인해줄래요?" 하고리뷰를 요청하는 방식으로 기여해요.🛠️ 2. Pull Request 실습 흐름 한눈에 보기다른 사람의..

✅ GitHub에서 프로젝트 협업 시작하기– Fork, Issues, Discussions 이해하기✨ 들어가며GitHub는 단순한 코드 저장소가 아니에요.전 세계 개발자들이 협업하고 소통하는 커뮤니티 플랫폼이기도 하죠!이번 포스트에서는 GitHub에서 협업할 때 꼭 알아야 할Fork, Issues, Discussions 기능들을차근차근 쉽게 설명해드릴게요 😊🍴 1. Fork – 다른 사람의 프로젝트를 내 것으로 복사하기❓ Fork란?"Fork는 다른 사람의 저장소를 내 계정으로 복사하는 것"내가 직접 수정하거나 실험해볼 수 있는 나만의 사본을 만드는 거예요!📌 언제 사용하나요?오픈소스 프로젝트에 기여하고 싶을 때실험용으로 코드 구조를 바꿔보고 싶을 때협업을 위해 원본을 훼손하지 않고 수정하고 싶을 ..

✅ .gitignore로 불필요한 파일 관리하기– 꼭 필요한 파일만 추적하고, 나머지는 무시하세요!✨ 들어가며Git으로 프로젝트를 관리하다 보면"올리면 안 되는 파일"까지 같이 올라가는 경우가 있어요.예를 들어…개인 설정 파일 (.vscode/, .DS_Store)빌드 결과물 (dist/, *.class)보안 정보가 담긴 파일 (.env, api_keys.txt) 등등이런 파일들은 Git에서 추적하지 않도록 차단해줘야 하죠!그럴 때 사용하는 게 바로 .gitignore 파일이에요.📁 1. .gitignore란?.gitignore 파일은Git이 무시해야 할 파일이나 폴더를 지정하는 텍스트 파일이에요.이 파일에 적힌 내용은 Git이 추적하지 않아요.즉, git status, git add, commit 시..