[프론트엔드] 프론트의 정의와 구성 단계요약

프론트엔드 개발의 정의는 HTML, CSS, JS를 사용하여

데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고,

그것으로 사용자와 상호 작용을 할 수 있도록 하는 것!

​

저는 먼저 프론트 개발을 하기 위해서는 기획자, 디자이너, 개발자

이렇게 3 구문을 정확하게 알고 가야합니다.

​

HTML(기획자)은 “Hyper Text Markup Language”의 약어이며,

페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 전반적인 구조를 담당하며,

참조를 통하여 현재 문서(페이지)에서 다른 문서로 즉시 접근(이동)할 수 있는 텍스트를 이야기 하며,

일반적으로 링크(텍스트)를 의미하는 것을 말합니다.

​

CSS(디자이너)는 “Cascading Style Sheets”의 약어이며,

실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여

콘텐츠를 꾸며주는 ‘시각적인 표현(정적)’을 담당해요

​

JS(개발자)는 “JavaScript”의 약어이며,

콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 ‘동적 처리’를 담당합니다.

​

위 설명과 같이 HTML, CSS, JS의 과정을 통해 제작된

웹사이트(웹 애플리케이션, 웹앱)를 제품(Product)이라고 부르기도 합니다.