프론트엔드

핵심 아이디어

프론트엔드는 사용자가 직접 보고 누르는 화면 부분입니다. 버튼, 입력창, 표, 카드, 색상 표시처럼 사용자와 맞닿는 부분이 여기에 들어갑니다.

쉽게 말하면

프론트엔드는 “사용자가 만나는 앞쪽 화면”입니다. 앱 안쪽에서 계산이 잘 되어도 화면이 불편하면 사용자는 앱을 쓰기 어렵습니다.

예시

• 제출 여부를 체크하는 입력 화면
• 미제출 학생을 빨간색으로 표시하는 목록
• 결과를 카드나 표로 보여 주는 대시보드

헷갈리기 쉬운 점

프론트엔드는 단순히 예쁘게 꾸미는 일만 뜻하지 않습니다. 사용자가 실수하지 않게 안내하고, 필요한 정보를 이해하기 쉽게 보여 주는 일도 포함합니다.

실제 IT 용어와의 연결

• IT 전공에서는 frontend, client-side, user interface layer와 연결됩니다.
• frontend는 사용자가 직접 보는 화면과 상호작용을 담당합니다.
• 반대편 개념으로는 서버와 데이터 처리를 맡는 backend가 있습니다.

이 블로그에서의 역할

처음에는 Jinja와 HTML로 단순한 프론트엔드를 만들고, 나중에 화면이 복잡해지면 Svelte 같은 도구를 살펴봅니다.