포트폴리오에 그림을 넣는 목적은 문장을 장식하는 것이 아니라 복잡한 구조를 이해하게 하는 것입니다. 어떤 데이터를 어디서 받아 처리하는지, 사용자가 실패했을 때 무엇을 보는지 그림과 짧은 설명으로 보여 주세요.
무엇을 그릴지 먼저 정하기
프론트엔드라면 사용자 화면 이동, 백엔드라면 요청과 데이터베이스 흐름, 클라우드라면 리소스 구성도를 고를 수 있습니다. 하나의 그림에 모든 기술 로고를 넣지 말고 한 질문에 답하게 만드세요. 예를 들어 ‘사용자가 저장을 누르면 데이터는 어디에 기록되는가?’를 보여 주는 흐름도입니다.
그림의 근거 연결
구성도 옆에 실제 구현한 코드·설정·배포 주소를 연결하세요. 데모 그림과 운영 환경이 다르다면 어떤 부분이 예시인지 표시합니다. 측정하지 않은 성능 개선을 그래프처럼 그리지 않습니다. 차트에는 기간·단위·출처와 계산 방법이 필요합니다.
텍스트로도 이해할 수 있게
복잡한 그림에는 짧은 대체 텍스트와 본문 설명을 함께 넣습니다. W3C의 복잡한 이미지 안내는 차트·구성도를 텍스트로 설명하는 방식을 제시합니다. 색만으로 성공·실패를 구분하지 말고 라벨을 붙이세요.
면접용으로 압축
그림을 보며 문제, 설계 선택, 대안, 결과를 1분 안에 설명해 보세요. 설명할 수 없는 화살표나 서비스 아이콘은 제거합니다. 전체 포트폴리오의 프로젝트 순서는 직무별 구성 가이드를 참고하세요.