프런트엔드
소프트웨어 프로그램이나 웹사이트의 프런트엔드는 사용자가 상호 작용하는 모든 부분을 의미합니다. 사용자 입장에서 프런트엔드는 사용자 인터페이스와 같은 의미입니다. 개발자 입장에서는 인터페이스의 디자인과 인터페이스가 작동하도록 만드는 프로그래밍을 의미합니다. 반대로 백엔드에는 보이지 않는 곳에서 수행되는 기능과 데이터 처리가 포함됩니다.
프런트엔드 개발의 주요 목표 중 하나는 원활하거나 "마찰 없는" 사용자 경험을 만드는 것입니다. 다시 말해, 애플리케이션이나 웹사이트의 프런트엔드는 직관적이고 사용하기 쉬워야 합니다. 간단한 목표처럼 보이지만 모든 사용자나 장치가 같은 것은 아니므로 놀라울 정도로 복잡할 수 있습니다. 예를 들어 모바일 장치용으로 개발된 앱은 데스크톱 애플리케이션과 크게 다른 프런트엔드가 필요합니다. 웹사이트는 여러 장치와 화면 크기에서 원활하게 작동해야 하므로, 현대적인 웹 개발에는 일반적으로 반응형 디자인이 사용됩니다.
프런트엔드 요소의 예는 다음과 같습니다.
- 애플리케이션 또는 페이지 레이아웃
- 그래픽
- 오디오 및 비디오 요소
- 텍스트 콘텐츠
- 사용자 인터페이스 요소버튼, 링크, (도구 모음, 탐색 모음 등)
- 입력 영역(대화 상자), 양식 필드, 텍스트 영역 등)
- 사용자 흐름(한 인터페이스에서 다음 인터페이스로 이어지는 방식)
- 사용자 기본 설정, 테마 및 사용자 지정
사용자의 입력은 프런트엔드를 통해 수신되고 프로그램이나 웹사이트의 백엔드에서 처리됩니다. 백엔드 코드는 데이터를 읽고 쓰며 프런트엔드를 통해 사용자에게 출력을 보냅니다. 앱이나 웹사이트의 백엔드와 프런트엔드는 함께 작동하므로 소프트웨어 관련 업무에는 프런트엔드와 백엔드 개발이 모두 필요한 경우가 많습니다. 양쪽을 모두 개발하는 것을 풀스택 개발이라고 합니다.
NOTE: Frontend는 명사로 "front end", 형용사로 "front-end"라고 표기할 수도 있습니다. 간단하게 표현하기 위해 붙여 쓴 합성어인 "frontend"가 이제 두 경우 모두에서 허용되는 용어가 되었습니다.
지식 테스트하기