1. 프론트엔드(Frontend)란 무엇인가?

fastcampus 사이트의 '한번에 끝내는 프론트엔드 개발 강의' 를 수강하며 공부 목적으로 작성하는 글입니다.

 

프론트엔드 개발이란?

 -> HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환한고, 그것으로 사용자와 상호작용 할 수 있도록 하는 것.

Fast campus 프론트엔드 강의 中

 

 프론트엔드는 해석하면 '앞단'이라고 해석할 수 있습니다. 사용자가 크롬이나, 파이어폭스, 엣지와 같은 브라우저를 통해서 특정 사이트에 접속을 하게 되고 접속한 사이트를 볼 수 있는데 이때 사용자 앞에 보이는 화면, 즉 앞단이란 이 페이지 화면을 뜻하는 것입니다. 하지만 웹페이지는 보안을 요구하는 데이터들이나, 기타 비즈니스 로직(웹 사이트가 동작하는데 필요한 핵심 데이터 처리를 수행하는 알고리즘)과 같은 부분은 프론트엔드로만 만들 수 없기에 이러한 부분들 뒷단은 백엔드를 통해 개발이 됩니다. 따라서 웹페이지를 만들기 위해 누군가는 사용자에게 보여지는 프론트엔드 부분을 개발해야하고, 누군가는 앞단에서 보여지는 데이터들을 가공하고 처리하는 백엔드 부분을 개발을 해야 합니다. 

 

프론트엔드 개발에서 큰 줄기에 해당하는 것은 HTML, CSS, JavaScript로 볼 수 있습니다.

HTML :  페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당합니다.

CSS(Casacading Style Sheets) : 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당.

JS(JavaScript) : 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적처리를 담당