👀 리쿠르터가 10초 안에 보는 것

채용 담당자 100명에게 물어봤더니 포트폴리오 보는 시간 평균 12초. 그 시간에 보는 건:

1. 이름·기술 스택 (3초)
2. 대표 프로젝트 1~2개 스크린샷 (5초)
3. 전체적인 디자인 인상 (4초)

여기서 인상 점수 낮으면 끝. 코드 보기도 전에. 그래서 디자인이 중요합니다.

🐙 트랙 1: GitHub README 프로필

자기 username과 같은 이름의 repo에 README.md를 두면 GitHub 프로필 페이지에 자동 표시됩니다. 가장 쉽고 가장 효과 큰 한 가지를 한다면 이것:

필수 구성 요소

• 상단 배너 - GitHub 배너 도구에서 1280×640 만들기. 이름·역할·연락처 한 장에
• 기술 스택 뱃지 - Shield 뱃지 도구로 사용 언어·프레임워크 뱃지 줄 세우기
• GitHub 통계 카드 - github-readme-stats 같은 외부 위젯 활용
• 한 줄 소개 - "풀스택 개발자, 핀테크 5년차, 토이프로젝트 광인"

이 4가지면 충분해요. 욕심내서 길게 쓰면 안 읽습니다.

🌐 트랙 2: 개인 포트폴리오 사이트

github.io나 Vercel 무료 호스팅에 올리는 정적 사이트. React·Next.js·Astro 어떤 거든 OK. 디자인 원칙:

히어로 섹션 (첫 화면)

스크롤 없이 보이는 첫 화면이 모든 걸 결정해요.

• 배경: 단조로움 탈출. 그라데이션 블러 (Apple·Vercel 스타일) 또는 메시 그라데이션
• 이름: 큰 텍스트로. 그라데이션 텍스트로 임팩트
• 한 줄 정체성: "Building products users love"
• CTA 버튼: 버튼 도구로 "Resume" "GitHub" "Contact"

프로젝트 카드

가장 자랑할 만한 프로젝트 3~5개. 각 카드에:

• 스크린샷: 둥근 모서리 도구로 모서리 둥글게, 배경 블러로 그림자 추가
• 제목 + 1줄 설명
• 기술 스택 뱃지
• GitHub 링크 + 라이브 데모

카드 디자인은 글래스모피즘 도구로 만든 반투명 카드가 트렌디. box-shadow 도구로 부드러운 그림자도 좋음.

기술 스택 섹션

사용 언어·도구를 한눈에. Shield 뱃지를 가로로 줄 세우거나, 로고 아이콘 그리드. 카테고리별로:

• Languages: JavaScript, TypeScript, Python
• Frontend: React, Next.js, Tailwind
• Backend: Node.js, FastAPI, PostgreSQL
• DevOps: Docker, AWS, GitHub Actions

⚠️ 흔한 실수

친구 포트폴리오 첨삭하다 자주 보는 실수:

1. 너무 많은 색 - 메인 1개 + 액센트 1개면 충분. 색상 정리는 팔레트 도구
2. 다크 모드만 있고 라이트 없음 - 면접관은 라이트 모드 쓰는 경우도 많음
3. 너무 많은 애니메이션 - 처음엔 멋있어 보이지만 거슬림
4. 모바일 깨짐 - 리쿠르터 70%는 모바일에서 처음 봄. 반응형 필수
5. About Me에 일대기 - 누가 읽나요? 3줄 이내

📊 면접 콜백 2배 만든 변화

친구가 실제로 적용한 변화 (Before → After):

• 흰 배경 + 검정 텍스트 → 그라데이션 블러 + 그라데이션 텍스트
• 프로젝트 8개 나열 → 3개만 크게 + 더 보기
• 5개 기술 스택 → 카테고리별 정리한 15개 (광범위해 보임)
• 이메일만 → LinkedIn + GitHub + 블로그 + 이메일
• About Me 5단락 → 3줄 + "Currently learning Rust"

3주 만에 콜백률 8% → 17%로 올랐다고 합니다. 코드는 똑같았는데.

💡 한 가지만 하라면

GitHub README 배너가 ROI 최고예요. 5분이면 만들고, GitHub 프로필 방문자 모두가 봅니다. 사이트 만들 시간 없으면 이것만이라도.