GitHub
2026.02.03
📖 18분 분량
GitHub 프로필 꾸미기와 포트폴리오 만들기
채용 담당자의 눈길을 사로잡는 프로필 만들기
GitHub 프로필이 왜 중요한가?
개발자에게 GitHub는 살아있는 포트폴리오입니다. 이력서에 "JavaScript 가능"이라고 쓰는 것보다, 실제로 작동하는 프로젝트를 보여주는 것이 훨씬 강력합니다.
채용 담당자나 다른 개발자가 가장 먼저 보는 것:
- 프로필 사진과 자기소개
- 고정된(pinned) 프로젝트들
- 잔디밭(contribution graph) - 얼마나 활발한지
- README - 자기소개서
"좋은 GitHub 프로필은 면접 기회를 만들어줍니다."
1. 프로필 README 만들기
특별한 저장소 만들기
자신의 GitHub 사용자명과 같은 이름의 저장소를 만들면, 그 저장소의 README가 프로필에 표시됩니다!
- GitHub에서 "New repository" 클릭
- 저장소 이름을 자신의 사용자명과 동일하게 입력
- Public으로 설정
- "Add a README file" 체크
- Create repository
프로필 README 템플릿
# 안녕하세요! 👋 저는 [이름]입니다
## 🚀 About Me
웹 개발을 배우고 있는 주니어 개발자입니다.
사용자 경험을 중시하며, 깔끔한 코드를 작성하려고 노력합니다.
## 💻 Tech Stack
## 📈 GitHub Stats
## 🔥 Recent Projects
- [프로젝트1](링크) - 간단한 설명
- [프로젝트2](링크) - 간단한 설명
## 📫 Contact
- 이메일: your@email.com
- 블로그: https://yourblog.com
- 링크드인: https://linkedin.com/in/yourname뱃지 만들기
shields.io를 사용하면 예쁜 뱃지를 쉽게 만들 수 있습니다.
기본 형식:
예시:
GitHub 통계 카드
GitHub Stats:
가장 많이 사용한 언어:
테마 옵션:
- default, dark, radical, merko, gruvbox, tokyonight 등2. 프로젝트 핀 고정하기
자랑하고 싶은 프로젝트 6개까지 프로필 상단에 고정할 수 있습니다.
고정하는 방법
- GitHub 프로필 페이지로 이동
- "Customize your pins" 클릭
- 고정할 저장소 6개 선택
- "Save pins" 클릭
어떤 프로젝트를 고정할까?
- 완성도 높은 프로젝트: 실제로 작동하는 것
- 다양한 기술 스택: 여러 언어/프레임워크 보여주기
- 좋은 README: 프로젝트 설명이 잘 되어 있는 것
- 스크린샷/GIF: 시각적으로 보여주기
- 최신 프로젝트: 최근에 활동한 것
프로젝트 README 작성법
# 프로젝트 제목
## 📝 프로젝트 소개
이 프로젝트는 [문제]를 해결하기 위해 만들었습니다.
[주요 기능]을 제공합니다.
## ✨ 주요 기능
- 기능 1: 설명
- 기능 2: 설명
- 기능 3: 설명
## 🛠️ 기술 스택
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js, Express
- Database: MongoDB
## 🚀 실행 방법
```bash
# 저장소 클론
git clone https://github.com/username/project.git
# 의존성 설치
npm install
# 실행
npm start
```
## 📸 스크린샷
[더 많은 스크린샷]
## 🔗 데모
[Live Demo](https://project-demo.com)
## 📌 배운 점
이 프로젝트를 통해 [배운 내용]을 익혔습니다.3. 잔디 심기 전략
GitHub의 초록색 잔디밭(contribution graph)은 활동성을 보여줍니다. 하지만 숫자가 중요한 게 아니라 꾸준함이 중요합니다.
커밋이 카운트되는 조건
- 커밋 작성자 이메일이 GitHub 계정과 연결되어 있어야 함
- Public 저장소 또는 본인이 소유한 Private 저장소
- Default 브랜치(main 또는 master)에 커밋
꾸준히 커밋하는 팁
- 매일 조금씩: 하루 10분이라도 코드 작성
- 작은 단위로 커밋: 기능 하나 완성할 때마다
- 학습 기록: 배운 것을 정리하는 저장소 만들기
- 리팩토링: 기존 코드 개선하기
- 문서화: README, 주석 추가
하지 말아야 할 것
- ❌ 빈 커밋으로 잔디 채우기
- ❌ 의미 없는 변경사항 커밋
- ❌ 자동화 스크립트로 fake 커밋
중요: 채용 담당자는 단순히 초록색이 많은 게 아니라, 실제로 의미 있는 프로젝트를 진행했는지 봅니다!
4. 프로필 추가 요소
프로필 사진
- 명확하고 전문적인 사진 사용
- 아바타나 캐릭터도 괜찮음
- 기본 이미지는 피하기
Bio (자기소개)
좋은 예시:
- "Web Developer | JavaScript, React | Building cool stuff 🚀"
- "Frontend 개발자 지망생 | 매일 성장하는 중 📈"
- "Full-stack Developer | Open to opportunities"
짧고 명확하게!위치와 링크
- Location: 도시 또는 "Remote" 표시
- Website: 포트폴리오 사이트 링크
- Twitter: 개발 관련 트위터 계정
- Company: 소속 또는 "Looking for opportunities"
5. GitHub Gist 활용
Gist는 코드 스니펫을 공유하는 도구입니다.
활용 예시
- 유용한 코드 조각 모음
- 면접 준비 노트
- 치트시트(Cheat Sheet)
- 설정 파일 백업
6. 실전 예시: 완성된 프로필
# 안녕하세요! 👋 웹 개발자 김코딩입니다
## 💫 About Me
사용자 중심의 웹 애플리케이션을 만드는 것을 좋아합니다.
깔끔한 코드와 좋은 UX를 추구합니다.
🔭 현재 진행 중: React로 날씨 앱 만들기
🌱 배우는 중: TypeScript, Next.js
💬 물어보세요: JavaScript, React, CSS
📫 연락처: coding@email.com
## 🛠️ Tech Stack
### Frontend
### Tools
## 📊 GitHub Stats
## 🏆 Highlighted Projects
### 🎯 [심리 테스트 플랫폼](https://github.com/username/psych-test)
MVC 패턴으로 설계한 심리 테스트 웹사이트
- **Tech**: Vanilla JS, Tailwind CSS
- **Features**: 8가지 테스트, 반응형 디자인
- [Live Demo](https://demo.com)
### ⚡ [포모도로 타이머](https://github.com/username/pomodoro)
생산성 향상을 위한 타이머 앱
- **Tech**: React, Local Storage
- **Features**: 커스텀 시간 설정, 통계
### 🎨 [포트폴리오 사이트](https://github.com/username/portfolio)
반응형 개인 포트폴리오
- **Tech**: HTML, CSS, JavaScript
- **Features**: 애니메이션, 다크모드
## 📝 Latest Blog Posts
- [MVC 패턴으로 웹사이트 만들기](링크)
- [JavaScript 비동기 처리 완벽 가이드](링크)
## 🤝 Connect with Me
[](https://blog.com)
[](https://linkedin.com)
[](mailto:email@example.com)
---
⭐️ From [username](https://github.com/username)7. 프로필 개선 체크리스트
✅ 완벽한 프로필 만들기
- □ 프로필 사진 설정
- □ Bio 작성 (간단하고 명확하게)
- □ 프로필 README 생성
- □ 기술 스택 뱃지 추가
- □ GitHub 통계 카드 삽입
- □ 6개 프로젝트 핀 고정
- □ 각 프로젝트에 상세한 README
- □ 프로젝트 스크린샷 추가
- □ 연락처 정보 업데이트
- □ 포트폴리오 링크 추가
"GitHub 프로필은 당신의 개발 여정을 보여주는 스토리입니다. 완벽할 필요는 없지만, 꾸준히 개선해나가세요."
좋은 GitHub 프로필은 하루아침에 만들어지지 않습니다. 프로젝트를 하나씩 완성하고, README를 정성껏 작성하고, 꾸준히 코드를 작성하다 보면 자연스럽게 멋진 프로필이 완성됩니다!