프론트엔드 기술 스택을 길게 나열하는 것보다 사용자가 실제로 쓸 수 있는 화면을 만드는 능력을 보여 주세요. 지원 공고마다 도구는 달라지지만 HTML, CSS, JavaScript와 브라우저 동작은 기본입니다.
첫 단계
의미 있는 HTML 구조, 반응형 CSS, 폼 이벤트와 비동기 요청을 구현합니다. 로딩·빈 데이터·오류 상태를 설계하세요. MDN 웹 개발 학습에서 기본 개념을 확인할 수 있습니다.
프레임워크 단계
React나 Vue 중 하나를 골라 컴포넌트와 상태를 작은 앱에 적용합니다. React 공식 학습은 화면 업데이트의 기초를 설명합니다. 최신 라이브러리 이름보다 코드 구조와 검증 방법을 설명할 수 있어야 합니다.
결과물 검증
키보드만으로 폼을 사용할 수 있는지, 모바일에서 읽을 수 있는지 확인합니다. 테스트 결과와 구현 범위를 README에 남기세요. 구체적인 점검표는 프론트엔드 포트폴리오 가이드를 참고하세요.