동민의 홈페이지

프론트앤드(Front END)

클라이언트의 컴퓨터에서 실행되는 [파일 형식]으로 구성

HTML로 웹페이지의 구조 구성

CSS로 웹페이지 디자인

JS로 웹페이지의 동적인 변화 발생

웹 페이지의 구조를 정의하는 마크업 언어이다.

HTML은 텍스트, 이미지, 링크, 테이블, 폼 등의 웹 페이지의 구조적 요소로 구성된다.

웹 브라우저에게 콘텐츠를 표시하는 방법을 다수의 태그를 통해 정의하는 문서이다.

마크업 언어(HTML, XML 등)로 작성된 문서의 표현을 정의하기 위한 언어이다.

CSS를 통해, 레이아웃, 색상, 글꼴 등의 문서 스타일(Style)을 정의하여, 웹 페이지를 디자인할 수 있다.

HTML 문서를 디자인하기 위한 언어이다.

웹페이지를 동적으로 변화시키고, 사용자와의 상호작용(클릭 등)을 처리하는 스크립트 언어이다.

JS를 통해 홈페이지에서 내용의 추가 및 삭제, 알림, CSS 변화, 이벤트 감지 및 발생 등의 웹페이지의 동적인 변화를 발생시킬 수 있다.

JS를 기반으로 많은 프레임워크가 개발되었으며, 대표적으로 Bootstrap, JQuery, React.js 등이 있습니다.

대부분의 JS 확장은 프론트엔드에서 사용되지만, Node.js는 백엔드에서 사용하는 예외입니다.