웹 애플리케이션 또는 소프트웨어 시스템은 크게 프론트엔드(Frontend)와 백엔드(Backend)로 구성된다. 이 두 구성 요소는 각각 사용자 인터페이스와 서버 측 데이터 및 로직을 담당한다.
프론트엔드는 사용자가 직접 마주하는 부분으로, 웹 브라우저 화면에 표시되는 사용자 인터페이스를 의미한다. HTML, CSS, JavaScript 등을 사용하여 페이지를 구성하며, 사용자 입력을 처리하고 시각적인 피드백을 제공한다.
백엔드는 사용자가 직접 접근하지 못하는 시스템의 내부 영역으로, 서버 로직, 데이터베이스 처리, 인증 및 보안 등의 기능을 수행한다. 프론트엔드로부터 요청을 받아 데이터를 처리하고 응답을 반환하는 역할을 한다.
구분 | 프론트엔드 | 백엔드 |
---|---|---|
사용자 접근 | 직접 마주함 | 직접 마주하지 않음 |
주요 역할 | UI 구성 및 사용자 상호작용 | 데이터 처리 및 서버 로직 |
기술 | HTML, CSS, JS, React 등 | Node.js, Django, DB 등 |
실행 위치 | 브라우저 (클라이언트) | 서버 |