Frontend Engineering
사용자와 직접 만나는 웹 애플리케이션을 구축하는 역량. HTML/CSS 기초부터 대규모 프론트엔드 아키텍처와 디자인 시스템 리더십까지 포괄하는 전문 엔지니어링 분야이다.
프론트엔드 엔지니어링은 디자인과 요구사항을 인터랙티브하고, 접근성(Accessibility) 높으며, 성능 좋은 웹 경험으로 구현하는 역량입니다. 마크업과 스타일 작성을 넘어, 컴포넌트 아키텍처, 상태 관리(State Management), 빌드 도구, 테스트 전략, 크로스 브라우저 호환성을 포함합니다. 정적 페이지 제작부터 조직 전체를 지원하는 디자인 시스템 설계까지, 일반 프로그래밍과 차별화되는 뚜렷한 성장 단계가 존재합니다.
웹의 기본 구성 요소인 HTML(구조)과 CSS(스타일)를 배우는 단계입니다. 구현 깊이 축에서 마크업과 스타일의 기초를 익히고, 아키텍처 범위는 단일 페이지에 한정됩니다. 튜토리얼을 따라 정적 페이지를 만들고, 브라우저 개발자 도구로 요소를 검사하며 마크업이 화면에 어떻게 표시되는지 이해하기 시작합니다.
다음 단계로
이 체크리스트를 대부분 달성했다면, 구현(Implementation) 단계로 진입하여 JavaScript 기초, DOM 조작, 반응형 디자인을 익혀 페이지에 인터랙티브 기능을 추가하고 모바일 환경에 대응하는 데 도전할 준비가 됐습니다. Frontend Developer Roadmap에 따르면, HTML/CSS 튜토리얼 시연과 완성된 웹페이지 사례 관찰을 통해 웹 개발 자기효능감을 높이는 것이 효과적입니다.
The most comprehensive and authoritative web platform reference, covering HTML, CSS, JavaScript, and Web APIs with examples and browser compatibility data — used as the primary knowledge source for defining frontend competency at every level.
Defines 40 ICT competencies across 5 proficiency levels (e-1 to e-5) characterized by increasing context complexity, autonomy, and influence, providing domain-specific evidence for frontend engineering level boundaries.
A community-validated frontend learning roadmap that provides the skill progression sequence — from HTML/CSS fundamentals through frameworks, build tools, performance optimization, to design systems — along with essential skills at each stage for checklist item design.
A competency-based computing education framework jointly developed by ACM and IEEE-CS, providing curriculum design guidelines for software engineering and information technology disciplines — used as academic evidence for frontend engineering checklist item design.
