신입 프론트엔드 준비에서 기술 스택은 많이 적는 것보다 각 도구로 무엇을 만들었는지가 중요합니다. 브라우저 기본 동작을 이해한 뒤 목표 공고에 필요한 도구를 선택하세요.
HTML·CSS
검색 폼과 결과 목록을 의미에 맞는 요소로 구성하고 작은 화면에서도 읽히는 배치를 만듭니다. 마우스 없이 입력과 버튼을 조작할 수 있는지 확인하세요.
JavaScript·API
사용자 입력에 따라 상태가 바뀌고 서버 응답을 보여주는 기능을 구현합니다. 로딩·빈 결과·오류 상태를 분리하고 응답 형식이 예상과 다를 때의 동작도 정하세요.
도구·테스트
컴포넌트 프레임워크를 사용했다면 왜 분리했는지 설명합니다. 단위 테스트뿐 아니라 실제 화면의 주요 흐름을 점검하고 실행·배포 방법을 README에 기록하세요.
관련 기술의 공식 설명은 MDN 웹 개발 학습 자료에서 확인하세요. 관련 주제: 프론트엔드 취업 기술 스택: 연도보다 웹 기초와 검증 기준.
자주 묻는 질문
모든 프레임워크를 알아야 하나요?
목표 공고에 맞는 한 가지로 작동하는 결과물을 만들고 웹 기초를 설명할 수 있으면 다음 도구를 배우기 쉽습니다.