리액트(React)

리액트란?

UI를 효과적으로 구축하기 위해 사용하는 자바스크립트 기반의 라이브러리.

 

따라서 자바스크립트와 HTML을 할 수 있다면 리액트는 어렵지 않게 사용할 수 있다.

또한, 오픈소스 커뮤니티가 매우 방대하다.

 

리액트 특징

선언적 : 리액트는 대화형 UI에 작성하기에 유리하다. 즉, 데이터가 변경되었을 때 효율적으로 렌더링을 수행할 수 있다.

 

컴포넌트 기반 : 캡슐화된 컴포넌트가 상태를 관리하고 UI를 효과적으로 구성할 수 있다.

 

한번 배우고 어디서나 사용 가능 : 기존의 소스코드를 불피룡하게 다시 작성하지 않고 새로운 기능을 개발할 수 있다.

 

추가

프론트엔드 분야에서는 객체지향적인 기법을 이용하여 작성하지 않았고, 백엔드 분야에서나 객체 지향 기법을 따라서 개발을 진행했다. 하지만 리액트가 등장하면서 프론트 분야에서도 객체 지향적으로 작성할 수 있게 된것이다.

 

---

 

리액트

가장 인기 있는 프론트 엔드 프레임워크 (페이스북이 제작함)

• 뉴스피드, 복잡한 UI를 쉽게 만들 수 있는 방법.
• 백엔드 개발자가 리액트를 이해하기 쉽다 -> 백엔드와 비슷하게 사용됨 (객체가 이용됨)
• 페이스북 개발자(PHP)들은 자바스크립트를 잘 하지 못했음.
• PHP 방식으로 프론트를 개발하자는 취지에서 나온 것 (백엔드 개발 방식으로 프론트를 만든것)
• 리액트는 수정이 불가능 하다. -> 업데이트 되면 아예 새로 만듬.

리액트 연습장

https://codepen.io/jangka44/pen/qBPgROX?editors=0010

HTML : meta , div만 알면됨.
JS : 외우는 것 아님, 외울 수도 없음.