Front-end란 무엇인가?

프론트엔드란 무엇인가?

 

프론트엔드 개발자는 웹서비스를 하면서 사용자와 서비스를 연결해주는 과정의 모든 것들을 구현하는 역활을 한다.

※ 웹 서비스 : 사용자가 어떠한 입력을 하고 입력을 통해 더 가치있는 데이터를 만들어 사용자에게 잘 전달해주는 것

 

1. 디자인된 UI를 보여주기

- 홈페이지 내 들어가는 데이터들이 적절히 HTML과 CSS를 활용하여 요구하는 디자인의 형태로 나타내는 역활을 합니다.

2. 화면을 보여주는 기능

- 이미 만들어진 데이터에서 사용자의 입력을 받아서 적절하게 다른 화면으로 변경해 주는 역활을 합니다.

- JavaScript, typeScript, React 등 활용하여 보여주기도 하며 대부분의 UI와 DOM,API에 대한 이해와 View를 이루고 있는 데이터에 대한 깊은 이해가 필요합니다.

3. 백엔드와 적절히 협업을 할 수 있을 정도의 CS 능력 필요

- HTTP 프로토콜과 REST API의 간단한 이해가 필요합니다.

 

프론트엔드의 역사에 대해서 알아보자 !

1세대 프론트엔드 기술

기본적인 HTML, CSS, JavaScript로 DOM을 조작하고 이벤트를 발생시킵니다.

2세대 프론트엔드 기술

웹이 발전하여 DOM의 조작이 빈번하게 발생함에 따라 jQuery 기술이 등장하게 되었고, DOM을 조작한다는 행위에서 벗어나지 못해 한계에 도달하게 되었습니다.

3세대 프론트엔드 기술

jQuery 한계 이후, 페러다임을 완전히 바꾸는 새로운 프레임워크를 요구하게 되었다. 예를 들어 ANGULAR, Vue, React 등이 있다.

Angular - 구글의 앵귤러 팀과 개인 및 기업 공동체에 의해 주도되는 타입스크립트 기반 오픈 소스 프론트엔드 웹 어플리케이션 프레임워크이다.

Vue - 웹 애플리케이션의 UI를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립스 프레임워크이다.

React - 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 자바스크립스 라이브러리입니다. "컴포넌트"라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.