포트폴리오 메인 화면을 조금 더 현재 상태에 맞게 정리했다.
변경 내용
- 프로필 사진을 새 이미지로 교체
- AtCoder / Codeforces 레이팅을 빌드 시점에 자동으로 조회
- 각 플랫폼 레이팅 구간에 맞는 색상과 등급 라벨 추가
구현 방식
정적 사이트 구조는 유지하고 싶어서, 홈 페이지 빌드 시점에 외부 API를 조회하는 방식으로 처리했다.
- Codeforces:
user.infoAPI 사용 - AtCoder:
history/json에서 최신 레이팅 추출 - 실패할 경우에는 기존 fallback 값을 사용
GitHub Actions가 매일 한 번 자동 실행되도록 스케줄을 추가해서, 별도 수동 수정 없이도 레이팅이 갱신되게 했다.
메모
정적 배포를 유지하면서도 CP 프로필 정보를 너무 낡지 않게 보여주는 구성이 목적이었다.