프론트엔드 예제

 

백 엔드, 프런트 엔드 프로세서, GUI, 프로그래밍 용어, 소프트웨어 용어 프런트 엔드 언어에는 HTML, CSS 및 자바 스크립트가 포함됩니다. JQuery가 스타일이 아닌 (현대 브라우저는 이제 동일한 작업을 수행 할 수 있지만 jQuery보다 훨씬 빠르기) 많은 레거시 프로젝트는 여전히 JavaScript 라이브러리를 사용하므로 부트 캠프의 교육 과정에서 보고 놀라지 마십시오. 또한 타이포그래피, 레이아웃, 그리드 시스템 및 색상 이론과 함께 반응형 디자인에 대해 서도 알아봅니다. 프런트 엔드 개발자로 작업할 프로젝트 유형을 예측할 때 웹 사이트를 만들고 다시 디자인하는 것이 생각됩니다. 프론트 엔드 개발자 (때로는 자바 스크립트 개발자라고도 함)가되기 위해서는 백 엔드 개발 기술이 필요하지 않습니다. 프런트 엔드 개발자가 만든 사이트는 작동하기 위해 데이터베이스에 저장된 정보와 상호 작용하지 않습니다. 콘텐츠는 “고정”되므로 큰 양의 새 데이터가 지속적으로 업로드되지 않습니다. 소규모 비즈니스 소유자와 레스토랑은 일반적으로 정적 사이트의 좋은 예가 있습니다. 자바 스크립트는 웹 사이트에 톤 더 많은 기능을 추가 할 수 있습니다, 당신은 HTML, CSS, 자바 스크립트 (짧은 JS)보다 아무것도를 사용하여 기본 웹 응용 프로그램을 많이 만들 수 있습니다. 가장 기본적인 수준에서 JS는 실시간으로 업데이트되는 맵, 인터랙티브 영화 및 온라인 게임과 같은 것들을 만들고 제어하는 데 사용됩니다. Pinterest와 같은 사이트는 사용자 인터페이스를 사용하기 쉽도록 자바스크립트를 많이 사용합니다(무언가를 고정할 때마다 페이지가 다시 로드되지 않는다는 사실은 자바스크립트 덕분입니다!). 이제 프런트 엔드와 백 엔드의 차이점과 기능적이고 사용자 친화적인 웹 사이트를 만들기 위해 함께 작동하는 방법에 대해 잘 알 수 있습니다. 웹 개발자가 되는 방법에 대해 자세히 알아보려면 여기에서 필요한 기술과 자격요건을 알아보세요.

많은 백 엔드 개발자는 HTML 및 CSS와 같은 프런트 엔드 언어를 알고 있지만 백 엔드 작업을 완료하려면 Java, PHP, Ruby on Rails, Python 및 .Net과 같은 언어를 사용해야 합니다. 백 엔드 개발자는 사이트의 응답성과 속도에 가장 중점을 두습니다. 이러한 언어는 이러한 유형의 웹 사이트가 데이터베이스 정보를 저장한다는 점에서 정적 사이트와 다른 동적 사이트를 만드는 데 사용됩니다. 사이트의 콘텐츠는 지속적으로 변경되고 업데이트됩니다. 동적 사이트의 예로는 페이스북, 트위터, 구글 맵등이 있습니다. 백 엔드(또는 “서버 쪽”)는 표시되지 않는 웹 사이트의 일부입니다. 데이터를 저장하고 구성하고 클라이언트 측의 모든 것이 실제로 작동하도록 하는 업무를 담당합니다. 백 엔드는 프런트 엔드와 통신하여 웹 페이지로 표시할 정보를 송수신합니다. 연락처 양식을 작성하거나 웹 주소를 입력하거나 구매(클라이언트 측의 모든 사용자 상호 작용)를 수행할 때마다 브라우저는 서버 측에 요청을 보내브라우저가 해석하고 표시할 수 있는 프런트 엔드 코드 형태로 정보를 반환합니다.