프론트앤드(Front END)
클라이언트 사이드(Client-Side)
클라이언트의 컴퓨터에서 실행되는 [파일 형식]으로 구성
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, React.js 등이 있습니다.
대부분의 JS 확장은 프론트엔드에서 사용되지만, Node.js는 백엔드에서 사용하는 예외입니다.