01. React 소개

JavaScript library for building user interfaces

https://reactjs.org/

 

리액트는 2011년 페이스북에서 개발한 오픈소스 가상DOM, 컴퍼넌트 기반의 UI 라이브러리로 체계적이고 빠르게 인터랙티브 UI 개발이 가능. 현재 가장 우위를 점유하고 있고 경쟁 상대로는 Angular나 Vue.js 등이 있음. 2018년 전세계 기준 indeed.com의 잡오퍼 통계를 보면 다음과 같다.

 

 

 

// 왜 필요한가?

프론트앤드 기술이 고도화 되어 단순 웹 페이지 뿐만 아니라 웹 애플리케이션을 개발을 용이하게 함

다양한 플랫폼에서 콤포넌트 기반으로 UI 요소들을 모듈화하여 제작이 가능(유지보수 용이)

오픈소스 생태계의 단점인 파편화 문제 -> 라이프러리의 표준화(제이쿼리가 그랬듯이)를 기대할 수 있음

최신 프론트앤드 기술은 번들러(배포용 빌드)를 통해 여러 모듈들의 의존성과 호환성 해결을 하기 때문에 스마트한 코딩이 가능

어느 정도 관련 시장이 평정되가고 있음

 

장점: 사용자 층이 가장 두텁다. 네이티브 모바일앱 개발 가능 

단점: 러닝 커브가 길다. ES6, Node.js 등 여러 선행 지식(개발자들은 어자피 필수임)이 요구됨

 

// 선수지식

HTML, CSS, JavaScript, Node.js 에 대한 기본 지식을 권장합니다.

본 강의는 기초 핵심 부분만 요약하여 학습하는데 목적을 두고 있습니다. 필요 시 다양한 자료들을 병행하여 학습 하기를 권장합니다.