웹 서버는 웹 페이지가 존재할 수 있도록 합니다.
이미지 크레디트: Ryan McVay/디지털 비전/게티 이미지
HTML을 조금이라도 알면 사이트 방문자에게 정보를 제공하고 즐겁게 하는 기능적인 웹 페이지를 만들 수 있습니다. 기본 웹 페이지가 유용할 수 있지만 대화형, 데이터 기반 및 더 매력적인 고급 사이트를 만들기 위해서는 프로그래밍 코드가 필요합니다. 사용하는 프로그래밍 언어 유형은 웹 디자인 목표에 따라 다릅니다. 웹사이트를 구축하기 전에 클라이언트 측 프로그래밍과 서버 측 프로그래밍의 차이점을 배우십시오. 그들은 일부 기능을 공유하지만 중요한 방식으로 다릅니다.
클라이언트 측 설명
브라우저의 주소 표시줄에 URL을 입력하면 컴퓨터가 원격 웹 서버에서 정보를 요청하는 클라이언트 역할을 합니다. 웹 페이지에서 보는 모든 코드, 파일, 데이터 및 이미지는 브라우저로 보내는 원격 서버에서 가져온 것입니다. 브라우저는 수신한 리소스를 조합하여 사용자가 보는 웹 페이지를 생성합니다. 간단한 웹 페이지에는 HTML 문, 텍스트 및 이미지만 포함될 수 있지만 더 복잡한 웹 페이지는 클라이언트 브라우저나 웹 서버에 있는 코드를 실행할 수 있습니다.
오늘의 비디오
클라이언트 측 프로그래밍 기본 사항
HTML 문서에 몇 개의 JavaScript 문을 붙여넣고 브라우저에서 보는 것만으로 누구나 몇 분 만에 클라이언트 측 웹 앱을 만들 수 있습니다. JavaScript는 사이트 소유자가 웹 앱에서 사용하는 주요 클라이언트 측 스크립팅 언어입니다. JavaScript를 사용하여 웹 페이지에서 개체를 이동하고, 양식 입력을 확인하고, 특수 효과를 만들고, 오류 메시지를 표시하고, 정보를 요청하는 메시지를 표시할 수 있습니다.
추가 클라이언트 측 이점
브라우저는 이러한 유형의 작업을 수행하기 위해 원격 웹 서버와 통신할 필요가 없기 때문에 클라이언트측 코드는 서버측 코드보다 일부 작업을 더 빠르게 수행할 수 있습니다. 예를 들어 버튼을 클릭하여 메뉴를 열면 클라이언트 측 코드에서 즉시 실행할 수 있습니다. 서버 측 코드가 해당 작업을 처리했다면 메뉴가 열리기 전에 브라우저가 서버와 통신할 때까지 기다려야 합니다. 또한 모든 브라우저가 클라이언트 측 코드를 실행할 수 있으므로 클라이언트 측 코드를 생성 및 테스트하기 위해 웹 서버에 특별한 소프트웨어를 설치할 필요가 없습니다.
서버 측 프로그래밍
서버 측 기술에는 PHP와 Microsoft의 ASP.NET이 포함됩니다. 서버측 코드는 사이트 방문자의 브라우저가 아닌 사이트의 웹 서버에서 실행됩니다. 서버측 프로그래밍을 사용하는 웹 페이지를 방문하면 웹 페이지를 보는 동안 서버가 명령을 실행하느라 바쁘다는 사실을 모를 수 있습니다. 서버 쪽 처리의 좋은 예는 이미지 크기를 조정할 수 있는 ASP.NET 페이지입니다. 버튼을 클릭하여 웹 서버에 이미지를 업로드하면 서버의 코드가 이미지의 크기를 조정하고 새 이미지를 브라우저로 다시 보냅니다.
추가 서버 측 이점
서버 측 프로그래밍은 또한 데이터를 저장하고 검색하는 기능을 제공합니다. 이는 로그인 정보를 저장 및 검색하고 데이터베이스에 저장된 데이터를 조회할 수 있는 기능을 제공하는 것과 같은 작업을 수행하려는 경우에 중요합니다. 해당 데이터는 웹 서버의 데이터베이스 또는 XML 파일과 같은 위치에 있을 수 있습니다. 서버 측 처리는 독점 코드를 기밀로 유지하는 데도 도움이 됩니다. 예를 들어 회사에서 비밀로 유지하는 독점 판매 공식을 사용하여 계산을 수행하는 PHP 코드를 작성할 수 있습니다. 코드가 서버에서 실행되기 때문에 브라우저에서 웹 페이지를 보는 사람들은 해당 코드를 볼 수 없습니다.
하이브리드 웹 애플리케이션
많은 웹 앱은 서버 측 프로그래밍과 클라이언트 측 프로그래밍의 조합을 사용합니다. 예를 들어 클라이언트 측 스크립트가 양식 입력의 유효성을 검사할 수 있지만 사이트 방문자가 양식 데이터를 서버에 제출한 후 서버 측 코드를 사용하여 다시 유효성을 검사하는 것이 좋습니다. 웹 페이지 중 하나에서 JavaScript 슬라이드 쇼를 사용하여 사람들을 즐겁게 하고 서버 측 코드를 사용하여 판매 주문을 처리할 수 있습니다. 사용하는 기술에 관계없이 웹 앱을 배포하기 전에 철저히 테스트하는 것이 중요합니다.