웹 개발이라는 넓은 분야에서 프론트엔드와 백엔드. 이 두 용어는 프로세스의 처음과 마지막 단계를 가리키며, 그들 사이의 관계는 매우 중요합니다. 프론트엔드는 사용자로부터 다양한 형태의 입력을 받아, 백엔드가 사용할 수 있는 규격을 따라 처리합니다. 이는 일종의 인터페이스 역할을 합니다.
웹 사이트나 웹 애플리케이션을 구축할 때, 프론트엔드와 백엔드는 핵심적인 부분을 차지합니다. 이 두 요소가 원활하게 협력하며 작동함으로써 사용자에게 뛰어난 웹 경험을 제공할 수 있게 됩니다.
프론트엔드 (Front-end)
프록트엔드는 웹 애플리케이션의 사용자 인터페이스(UI)를 담당하는 부분입니다. 사용자가 웹 페이지를 브라우징할 때 볼 수 있는 그래픽 요소와 상호작용하는 부분으로 생생한 사용자 경험을 제공하는 역할을 합니다. 프론트엔드 개발은 다음과 같은 주요 기술을 기반으로 이루어집니다. 프론트 엔드 더 알아보기
사용자가 자신의 디바이스에서 웹 브라우저 또는 앱을 실행 후 실제 사용하기 위해 보여지는 요소를 말하며 건물에서 외관과 내부 인테리어 같은 것이 프론트 엔드라고 볼 수 있습니다.
HTML (HyperText Markup Language)
HTML은 웹 페이지의 구조를 정의하고, 텍스트, 이미지, 링크, 폼 등의 요소를 구성하는 마크업 언어입니다. HTML은 웹 페이지의 뼈대를 형성하며, 콘텐츠의 구조와 계층을 정의합니다. HTML 더 알아보기
CSS (Cascading Style Sheets)
CSS는 웹 페이지의 디자인과 스타일을 정의하는 언어로, 텍스트, 이미지, 레이아웃, 색상 등을 꾸밀 수 있습니다. CSS를 사용하면 웹 페이지를 더 시각적으로 매력적으로 만들 수 있습니다. CSS 더 알아보기
JavaScript
JavaScript는 웹 페이지의 동적 기능을 구현하는 스크립트 언어로, 웹 페이지에 상호작용, 애니메이션, 데이터 처리 등을 추가할 수 있습니다. 클라이언트 측(사용자의 브라우저에서)에서 실행되며, 웹 애플리케이션의 인터랙티브한 부분을 담당합니다. JavaScript 더 알아보기(링크 업데이트 예정)
백엔드 (Back-end)
백엔드는 웹 애플리케이션의 서버 측 로직과 데이터 관리를 담당합니다. 사용자의 요청을 처리하고 데이터베이스와 상호작용하여 정보를 제공하는 역할을 합니다. 백엔드 개발은 다음과 같은 주요 기술을 기반으로 이루어집니다.
사용자가 직접 볼 수 없는 웹사이트 또는 애플리케이션의 숨겨진 부분입니다. 서버, 데이터베이스, 애플리케이션 등의 기술을 사용해 웹사이트의 핵심 기능과 정보 처리를 담당합니다. 사용자의 요청에 따라 데이터를 처리하고, 그 결과를 프론트엔드로 전달합니다. 쉽게 말해, 백엔드는 건물의 전기와 배관 시스템, 구조물 등을 담당하는 것입니다
서버 언어
서버 언어는 백엔드 로직을 구현하는 데 사용됩니다. 대표적인 언어로는 Python, Ruby, Java, PHP(링크 업데이트 예정), Node.js 등이 있으며, 이 언어를 사용하여 사용자 요청을 처리하고 응답을 생성합니다.
데이터베이스
데이터베이스는 웹 애플리케이션의 데이터를 저장하고 관리하는 곳입니다. 주로 사용되는 데이터베이스 시스템에는 MySQL, mariaDB, PostgreSQL, MongoDB, 등이 있으며, 백엔드 개발자는 데이터를 저장, 검색, 수정, 삭제하는 등의 작업을 수행합니다.
서버 및 호스팅
웹 애플리케이션을 호스팅하기 위한 서버 인프라스트럭처를 설정하고 유지하는 것도 백엔드의 책임입니다. 이는 웹 애플리케이션이 온라인에 제공될 수 있도록 필수적입니다.