사이드프로젝트 slecs

GitHub 프로필을 토글 구조로 개선해 첫인상 가독성 높이기

목차

GitHub 프로필 README를 업데이트했음. 모든 섹션을 토글(details) 모달식 구조로 전환.

변경 목적

개발자 프로필은 첫인상이 중요함. 채용 담당자나 협업 상대가 프로필을 볼 때 5초 안에 어떤 개발자인지 파악할 수 있어야 한다고 생각해서 계속 다듬는 중. 특히 GitHub 프로필은 이력서보다 먼저 보는 경우가 많아서 최신 상태를 유지하는 것이 중요함.

개선 포인트

  • 불필요한 정보 제거, 핵심만 남기기
  • 섹션 구조 개선으로 스캔 가능성(scannability) 향상
  • 실제 경력과 기술 스택 정확도 높이기
  • 토글(<details>) 구조로 상세 정보 접기/펴기
  • 수치 기반 성과 강조 (추상적 표현 최소화)

README 작성 원칙

요소 기준
한눈에 읽힘 스크롤 없이 핵심 파악 가능
수치 기반 "개선했다" 보다 "17.8s → 0.12s (145배)"
최신 상태 오래된 정보는 신뢰를 낮춤
연락 경로 명확 LinkedIn, 포트폴리오 링크 노출

구현 기법

Markdown의 <details> 태그를 쓰면 긴 내용을 토글로 숨겨서 깔끔하게 유지할 수 있음. GitHub 렌더러가 HTML 서브셋을 지원하기 때문에 가능한 방식.

<details>
<summary>경력 상세 보기</summary>

...상세 내용...

</details>

카드 배치와 배지 선택도 시각적 밀도와 정보량을 균형 있게 맞추는 게 포인트임. 배지를 너무 많이 쓰면 오히려 산만해지고, 너무 없으면 밋밋함. 핵심 기술 스택 5-7개 정도가 적당한 것 같음.

다음

댓글 0

첫 댓글 달아줘.