웹 기본

프론트엔드(Frontend)

프론트엔드(Frontend)은(는) 바이브 코딩 중 자주 마주치는 핵심 개념입니다. 정의만 외우기보다 실제 작업 흐름에서 어떤 역할을 하는지 이해하는 것이 중요합니다.

정확한 개념

사용자가 브라우저에서 보고 클릭하는 화면 영역입니다.

바이브 코딩 결과물은 대부분 먼저 화면으로 확인됩니다. 프론트엔드(Frontend)를 이해하면 레이아웃, 상태, 접근성 문제를 더 잘 설명할 수 있습니다.

Understanding

검색창, 필터 버튼, 카드 목록, 상세 페이지 UI는 프론트엔드(Frontend)에 속합니다.

화면이 예뻐 보여도 데이터 로딩, 모바일 반응형, 키보드 접근성이 빠질 수 있습니다.

Checklist

현재 개념 프론트엔드(Frontend)