프론트앤드(Front END) = 클라이언트 사이드(Client-Side)
클라이언트의 컴퓨터에서 실행되는 파일형식(HTML, CSS, JS)으로 구성된다.
HTML로 웹페이지의 구조를 구성하고, CSS로 웹페이지의 디자인하며, JS로 웹페이지의 동적인 변화를 발생시킨다.
HTML(Hyper Text Markup Language)
웹 페이지의 구조를 정의하는 마크업 언어이다.
HTML는 텍스트, 이미지, 링크, 테이블, 폼 등의 웹 페이지의 구조적 요소로 구성된다.
웹 브라우저에게 콘텐츠를 표시하는 방법을 다수 개의 태그를 통해 정의하는 문서이다.
CSS(Cascading Style Sheets)
마크업 언어(HTML, XML 등)로 작성된 문서의 표현을 정의 하기 위한 언어이다.
CSS를 통해, 레이아웃,색상,글꼴 등의 문서 스타일(Style)을 정의하여, 웹 페이지를 디자인 한다.
HTML 문서를 디자인하기 위한 언어이다.
JS(JavaScript)
웹페이지를 동적으로 변화시키고, 사용자와의 상호작용(클릭 등)을 처리하는 스크립트 언어이다.
JS를 통해, 홈페이지에서 내용의 추가 및 삭제, 알림, CSS 변화, 이벤트 감지 및 발생 등의 웹페이지의 동적인 변화를 발생시킬 수 있다.
JS를 베이스로, Bootstrap(디자인용), JQuery(JS의 단순화), React.js(컴포넌트를 통한 UI 구성), AngularJS/Angular, Popper.js 등이 정말 많은 파생이 존재한다.
대부분의 js확장은 프론트앤드에서 사용하지만, 예외로써, Node.js는 백앤드에서 js언어를 통해 사용하는 것이다.