땅꼬마의 React 시작! Component 분리가 신기하다!

똑같은 일상에서 매너리즘에 빠진 요즘

놀면 뭐해? 뭐라도 해야지! 하면서 찾다가 코딩을 시작했을때부터 핫하다 했던 React를 이제서야 공부하게 되었다.

조금씩 꾸준히 이 블로그도 채워지겠지....

그럼 지금까지 정리한 리액트에 대해서 간략하게 남겨보자!

 

React??

 

리액트는 자바스크립트 라이브러리이다. 어떤 책에서는 오직 View만 신경쓰는 라이브러리라고 표현되었다.

지속적으로 데이터가 변화하는 대규모 어플리케이션을 구축을 위해 React가 만들어졌다.

여러 특징이 있는데 그 중 Component 기반 구조로 각각 독립된 컴포넌트를 만들어 이 컴포넌트를 조합하여 화면을 구성할 수 있다는 점이 매우 흥미롭다!

 

React 특징

 

- Virtual DOM : 

  DOM(Document Object Model), DOM은 문서구조를 표현하는 방법으로 주로 html이나 xml로 작성함. 트리구조.

  데이터를 업데이트 하면 전체 UI를 Virtual DOM에 렌더링하고 이전 Virtual DOM과 비교 바뀐 부분만 실제 DOM에 적용한다.

 

- Component 기반 구조

 각각의 컴포넌트를 만들어 여러 컴포넌트의 조합으로 화면을 만든다.

 한 페이지에 복잡하게 코드를 작성하지 않아 코드 가독성 높고 유지보수에 용이하다.

 

- Data Flow

 한 방향으로만 흐르는 단방향 데이터 흐름을 가진다.

 

-JSX

  자바스크립트의 확장 문법. 이 코드는  브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용 일반자바스크립트 형태의 코드로 변환된다.