프론트엔드와 백엔드 개념 알기
프론트엔드와 백엔드 개념에 대해서는 아래 버튼을 통해서 내용을 먼저 확인해주세요.
프론트엔드와 백엔드 개념에 대한 이해
프론트엔드와 백엔드의 개념에 대해서 알아보아요.
프론트엔드(Front-end)는 클리이언트(Client) 영역으로 웹사이트나 앱에서 사용자가 보는 화면 단 영역을 의미합니다. 프론트엔드에서는 HTML, CSS, 자바스크립트와 같은 언어로 구성되며 사용자와 맞닿아 있는 사용자 인터페이스 영역이기 때문에 UX/UI가 매우 중요합니다.
백엔드(Back-end)는 서버(Server) 영역으로 사용자에게는 보여지지 않지만 프론트엔드의 요청에 의해서 데이터를 제공해주는 역할을 하는 뒷 단의 영역으로 서버와 데이터베이스 영역이기 때문에 비즈니스 계산로직, 데이터 관리 체계, API와 같은 시스템 간 인터페이스를 중요하게 다룹니다. 백엔드는 자바(Java)나 PHP, 루비, 파이썬으로 개발합니다.
프론트엔드에서는 프레임워크와 라이브러리 방식을 많이 사용합니다. 프론트엔드 프레임워크로는 Vue.js, Angular JS, React가 있어요. 그리고 백엔드의 프레임워크로는 Django, Flask, Ruby on Rails가 있습니다.
프론트엔드와 백엔드는 웹 개발에서 중요한 2개의 영역 구분을 의미합니다.
프론트엔드는 사용자가 직접 상호작용하는 웹 사이트나 앱의 화면 인터페이스 부분입니다. 웹사이트의 경우 웹 브라우저에서 보이는 모든 것, 즉 웹사이트 화면의 레이아웃, 디자인, 그래픽, 버튼 및 사용자 인터페이스와 관련된 모든 것을 포함합니다. 프론트엔드는 HTML, CSS, 그리고 JavaScript와 같은 프로그래밍 언어들을 사용하여 웹 페이지를 구성하고 사용자와 상호작용할 수 있는 기능들을 추가합니다.
프론트엔드에서는 사용자 경험을 개선하고 효과적으로 정보를 전달하기 위해서 노력을 하게 됩니다.
디지털 플랫폼과 사용자 경험이 중요해지면서 프론트엔드는 매우 중요한 역할을 하고 있습니다. 한편, 백엔드는 웹 사이트 화면 영역의 뒷단에 위치하며 프론트엔드와 직접적으로 상호작용을 하는 영역입니다. 데이터베이스와 같은 서버 측 기능들을 관리하며, 웹 애플리케이션을 위한 핵심 비즈니스 로직들을 계산하고 처리합니다. 사용자가 입력한 정보를 저장하고, 계산하고, 데이터를 처리하며, 프론트엔드에 필요한 정보를 다시 제공하는 역할을 합니다.
백엔드는 주로 서버 측 프로그래밍 언어를 사용하여 개발되며, 대표적으로 Python, Java, Ruby와 같은 프로그래밍 언어들이 사용됩니다. 프론트엔드와 백엔드는 함께 웹과 앱 애플리케이션을 구성하게 되며, 프론트엔드는 사용자에게 시각적인 경험을 제공하고 백엔드에서는 데이터 처리와 저장과 같은 기능을 수행함으로써 전체적으로 웹과 앱 애플리케이션의 기능을 완성합니다.
프론트 엔드 개발자는 디자이너, 퍼블리셔, 서비스 기획자와 함께 개발 업무를 진행하며 퍼블리셔가 HTML과 CSS를 기반으로 만들어준 결과물로 자바스크립트와 같은 프로그래밍 언어를 사용하여 프론트 엔드 영역을 완성합니다.
백 엔드 개발자는 자바 프로그래밍 언어로 소스코드를 작성하여 비즈니스 로직들을 구성하고 개발하게 되는데 아키텍처 부분에 대해서는 AA, TA의 지원을 받고 데이터 베이스 관련되어서는 DA와 DBA의 지원을 받으면서 백엔드 영역을 완성합니다. 그리고 프론트엔드와의 인터페이스를 위해서 백엔드 개발자는 프론트엔드 개발자와 긴밀하게 협업해야 합니다.
