What React? _리액트

# What React?

: 유저 인터페이스를 만들 수 있는 라이브러리 (A lobrary for creating user interfaces)
-> 사용자에게 UI를 보여주고, 이벤트를 처리하는 일들을 할 수 있음

- 사용자에게 보여지는 UI를 만들고, 그 위에서 사용자가 클릭을 하거나 다양한 이벤트가 발생을 하게 되면,
그 이벤트에 맞게 반응하도록 만들어진 라이브러리

- 페이스북에서 만든 자바스크립트 라이브러리 중 하나 (2013년도에 등장
ex) 페이스북, 에어비앤비, 우버, 넷플릭스, 인스타그램 등에서 사용

 

React 장점

- 단순하며, 배우는 시간이 앵귤러에 비해 상대적으로 짧음
- 버전이 업데이트 되어도 이전 버전과 호환이 잘 되도록 안정성있게 업데이트 됨 
(= 앵귤러와 달리 Breaking Changes가 없음)
- 페이스북에서 만들어진 이후로, 강력한 커뮤니티가 형성이 되어 있음
(-> 문서화가 잘 되어있음, 개발하면서 문제가 있을 때, 이미 커뮤니티 사이에서 해결됐을 가능성 높음)

React 사용?

- 리액트 이용해서 웹 어플리케이션 만들 수 있음
- 리액트 네이티브 이용해서 모바일 어플리케이션 만들 수 있음
- 리액트+일렉트론 이용해서 데스크탑 어플리케이션 만들 수 있음

 

 

---

React = Componets 

(컴포넌트들끼리 모여있음, 컴포넌트로 이루어짐)
- 리액트는 컴포넌트로 이루어진 UI 라이브러리
- 각각의 리액트 어플리케이션은 꼭 하나의 컴포넌트로 이루어져 있음

# What Component?

: 한 가지의 기능을 수행하는 UI 단위 (ex: 버튼 하나)
- 서로 독립적이고 재사용이 가능한 것 (isolated / independent / resuable)

 

 

---

*React와 MVC 패턴 

: 디자인 패턴 중 하나로, 어플리케이션을 Model, View, Controller 각각의 레이어로 나누어서 코딩해 나갈 수 있는 것을 말함 (->이 중에서 React는 View 레이어를 담당)
-> 조금 복잡한 웹 어플리케이션을 만들 때 MVC 패턴을 많이 이용
- UI를 담당하는 대표적 예 -> 리액트