프론트엔드 포트폴리오는 스크린샷보다 실제로 작동하는 화면이 중요합니다. 대표 프로젝트를 공개하기 전에 다른 사람이 처음 방문한 상황을 가정하고 아래 항목을 확인하세요.
첫 화면과 기능 점검
- 배포 주소가 로그인 없이 열리는가?
- 모바일 화면에서 글씨와 버튼이 읽히고 눌리는가?
- 마우스 없이 주요 기능을 사용할 수 있는가?
- 데이터가 없거나 요청이 실패해도 안내가 보이는가?
- 이미지와 글꼴이 불필요하게 느리게 로드되지 않는가?
- 저장소에서 실행 방법과 테스트 방법을 찾을 수 있는가?
- 팀 프로젝트라면 본인이 만든 부분이 분명한가?
접근성과 성능은 직접 확인
키보드 탭 순서, 입력 오류 메시지, 이미지 대체 텍스트를 점검하세요. 빠른 환경에서만 테스트하지 말고 느린 네트워크에서도 첫 화면과 주요 버튼을 확인합니다. MDN 웹 개발 학습 안내는 기본 웹 기술과 실습 자료를 제공합니다.
코드와 설명을 연결하기
README에 프로젝트 목적, 설치, 환경 변수 예시, 테스트 명령, 알려진 문제를 남깁니다. 기술을 선택한 이유와 다른 방식을 고려한 흔적을 적으면 면접에서 코드의 의도를 설명하기 좋습니다. 공개 저장소에 비밀키를 올리지 않습니다.
배포 서비스를 고를 때
정적 사이트인지 서버 기능이 필요한지에 따라 호스팅 선택이 달라집니다. 서비스 제한과 비용 알림을 먼저 확인하세요. 포트폴리오 배포 서비스 비교와 프로젝트 설명 점검표를 함께 보면 빠뜨린 부분을 찾을 수 있습니다.