REACT.JS 란?
by 으렴React.JS는 Facebook팀에서 만든 UI 라이브러리이다.
Facebook은 Data관리에 아주 고심을 겪고있었다고 한다.
분명 메시지를 읽었음에도 불구하고 새로고침을 하거나 새창을 키고나면 읽음 표시가 없어지지 않는 그런 느낌적인 느낌느낌?
그러다보니 사용자들이 불편함을 호소하고 불편한 목소리가 들리지 않았을까?
내가 사용해 보고 느끼는 리액트는 사회자가 카드를 교환해 주는 것 같은 느낌이다.
어떠한 정보는 사회자가 가지고 있고 정보와 예쁜 외관을 합쳐 나는 카드를 받아보는 것이라고 해야하나?
암튼 React에 대한 특징은 다음과 같다.
■ Javascript로 이루어져있다.
■ Component(구성요소)별로 나누어서 작업 할 수 있다.
■ JSX Language를 사용한다.
- javascript에서 HTML코드를 사용한다.
- nested element : 하나의 태그로 전부를 감싸 줄 것
- javascript를 표현 할 때 { } 중괄호를 사용한다
■ 단방향 Data Flow를 가진다.
- 데이터는 항상 일정한 장소에 위치하고 그 장소에서만 변경 가능하다.
- Anguler의 경우 Data가 view나 model로 변한다. 하지만 리액트는 데이터는 그대로 데이터가 UI변경은 가능하지만 UI가 데이터를 변화시키지는 못한다. (단방향)
■ view라서 섞어서 쓸 수 있다. framework가 아니라 UI 라이브러리이다.
■ react의 코드를 javascript로 바꿔주는 tool(transpiler, transformer ...... webpack ! : 리액트 코드를 여러개로 바꿔 줌.)
- bable : ES6를 ES5로 ! 구버전 브라우저는 ES6을 지원하지 않음
react는 comfile을 담당, react-dom은 rendering을 담당 한다.
react는 ES6에 새로 추가된 문법을 다양하게 활용한다.
특징만 대강 적고 구체적인 내용은 다른 게시글에서 확인가능합니다.
'Web > REACT.JS' 카테고리의 다른 글
react.js 시작하기 190802 - props, state (0) | 2019.08.02 |
---|---|
react.js 시작하기 190801 - import, component, props (0) | 2019.08.01 |
react.js 시작하기 190801 - function 정의와 사용 (0) | 2019.08.01 |
react.js 시작하기 190801 - fragment, JSX, 삼항연산 (0) | 2019.08.01 |
react.js stater 리액트 시작하기 (0) | 2019.08.01 |
사이트의 정보
코딩하렴
으렴