웹 개발과 관련하여 가장 먼저 떠오르는 것은 웹 사이트 제작입니다. 그러나 요즘 웹 사이트 개발 난이도가 많이 올라갔습니다. 사용자의 요구 사항과 업계 표준을 충족하기 위해 끊임없는 발전하다 보니 난이도 또한 같이 올라간 경우입니다. 개발자가 웹 솔루션을 제공하기 위해서는 전문 지식, 문제 해결 능력 및 창의적 사고 등 다양한 능력이 요구되는 시대가 왔습니다. 웹 개발은 웹사이트를 구축하는 것만이 아니라 개발한 웹사이트를 지속적으로 업데이트하고 개선하는 프로세스까지 포함된 형태입니다. 프런트엔드와 백엔드 설명에 앞서 우선 웹 개발의 형태부터 알아보겠습니다.
웹 사이트의 종류
정적 웹사이트(Static)
회사의 소개, 경력 포트폴리오 또는 기업 홍보 사이트와 같은 사이트 등, 외부에 고정된 정보만 보여주는 사이트를 정적 웹사이트라고 합니다.
동적 웹사이트 (Dynamic)
예로 쇼핑몰, SNS 및 플랫폼 등 있는데, 콘텐츠 실시간 업로드 및 공유 또는 수정, 대화 기능 또는 결제 등 다양한 기능을 포함하는 웹사이트를 동적 웹사이트라고 합니다.
서버와 클라이언트
웹 개발을 완전히 이해하려면 웹 사이트 기능의 작동 방식을 이해하는 것이 먼저입니다. 서버에서는 웹 요소, 이미지, 텍스트, 사용자 데이터 등 다양한 정보를 저장하는데, 사용자가 웹 브라우저에서 정보를 입력하거나 링크를 클릭하는 등의 활동을 하면 웹사이트는 서버에서 데이터를 가져와서 사용자에게 보여줍니다. 즉 서버는 클라이언트가 요청한 정보를 보여주는 역할을 합니다. 반대로 PC, 태블릿 또는 스마트폰과 같은 장치에서 데이터 요청하는 장치를 클라이언트라고 합니다. 예를 들어 사용자가 웹사이트에 로그인하려고 하면, 웹 사이트는 이 정보를 서버로 전달하고 일치하는 사용자 데이터가 있는지 검색합니다. 일치하는 데이터가 발견되면 서버는 클라이언트에 로그인 된 화면을 보여주게 되고, 반대로 일치하는 항목이 없으면 로그인 실패 화면을 보여줍니다.
프런트엔드와 백엔드
프런트엔드 개발
프런트엔드 개발은 사용자 인터페이스 및 사용자가 직접 사용하는 구성 요소를 만드는데 중점을 두고 있습니다. HTML, CSS 및 JavaScript 같은 언어를 사용하여 웹 사이트의 레이아웃, 모양 등을 디자인하고 개발하는 것이 포함됩니다. 프런트엔드는 사용자들에 맞게 웹 사이트 디자인 및 사용자 인터페이스(UI)를 구성하여 최적의 환경을 만드는 것에 목적이 있습니다.
백엔드 개발
백엔드 개발은 웹사이트에서 사용자가 볼 수 없는 영역을 관리하는 역할을 합니다. 웹 사이트 최적화 및 성능 그리고 사이트의 원활한 작동을 위해 중요한 비하인드 작업입니다. 데이터 처리, 저장 및 검색을 처리하는 서버, 데이터 베이스 및 기타 구성 요소를 구축하고 유지 관리하는 작업이 포함됩니다. 백엔드 개발자는 프로그래밍 언어(예: Python, Ruby 또는 Java), 프레임워크 및 데이터베이스를 사용합니다. 보안과 성능 및 확장성에 중점을 두어 웹 사이트 전반적인 기능을 관리하는 역할을 합니다. 웹 사이트 운영을 위해 기반을 구축하는 작업이라 할 수 있습니다.
Conclusion
웹 개발의 기본 형태와 프론트엔드 및 백엔드에 관한 개념에 대해서 우선 알아봤습니다. 웹 개발과 관련한 용어 및 알아야 할 내용들이 많기 때문에 앞서 미리 기본 공부를 하고 시작하시는 걸 추천 드립니다.
관련 글