프론트엔드 소개 & 프레임워크 비교
프론트엔드 소개
Q1. 프론트엔드와 백엔드의 차이점?
프론트엔드 : 웹 화면을 담당
백엔드: 중요한 서비스 로직
Q2. 포지션별 역할?
Web Publishing : 디자인 된 내용을 화면에 구현
Frontend Programming : UI, 데이터처리 및 상태 값 관리
Backend : 보안, DB연결 및 관리, 서비스 코어 기능, 서버 전송 처리, 모델링 작업
Q3. 프론트엔드는 ?
1. 스타링
2. 퍼블리싱
3. 프로그래밍 영역
을 종합적으로 잘 다룰줄 알아야 한다.
+서버에 대한 기초 배경 지식도 필요
+하나의 영역을 배워서 차츰 넓혀 나가면 된다.
+누구나 도전 해볼 수 있는 매력적인 분야이다.
프론트엔드 프레임워크 비교
1. JS프레임워크 특징
SPA 방식 (Single Page Application) 사용
- 하나의 페이지가 모든 화면과 기능을 담고 있다 = 페이지 한번만 불러오면 된다
2. React & Angular & Vue
React
- 높은 자유도
- 코드가 Plain JS와 거의 흡사
- TypeScript 사용
- 다양한 상태 관리 툴
- 뛰어난 컴포넌트
- 방대한 커뮤니티
- 초심자에게는 약간의 진입장벽 존재
Angular
- React와 Vue 보다 난이도가 높음
- 안정적인 시스템
- 엔터프라이즈급 규모의 프로젝트에 적합
- React와 Vue만큼 대중적이지 못함
Vue
- Angular와 React의 장점만 골라 만듬
- SPA 방식의 라이브러리의 장점을 포함
- 비교적 쉬운 학습 난이도
- 성능도 리액트와 비교하여 대등함
- 국내에서도 높은 점유율
- 꾸준한 업데이트와 방대한 커뮤니티
- 컴포넌트 재사용성과 상태관리가 우수
- 순수 자바스크립트로 만들때 보다 확연히 편리함
- 접근(학습)이 쉽고 성능이 우수함
3. 한 프레임워크만 배우면?
하나의 라이브러리를 익히면 다른 라이브러리 또한 쉽게 학습 가능
앞서 언급한 것들 중에 어느 하나만 잘 공부해도 개발자로 잘 살아갈 수 있다.
Vue의 전망도 밝다고 생각한다.