본문 바로가기
IT_Developers/React

React.js - 리액트의 특징, 단방향 데이터 흐름(one-way reactive data flow) 이란?

by 고코더 2021. 1. 11.

리액트 특징 one-way reactive data flow


 

안녕하세요.

고코더 입니다.

 

 

오늘 리액트의 두번째 특징인 단방향 데이터 흐름(one-way reactive data flow)에 대해 알아보려고 합니다. 

 

 

 1. 쉽게 설명하면 부모로부터 자식으로만 데이터가 전달이 가능합니다. 하지만 이러한 방식은 코드의 양을 줄이거나 단순화하려는 목적은 아닙니다. 유지보수를 좀 더 편리하게 만들 수 있도록 해주는 역할을 합니다. 예를 들자면 운전이 익숙하지 않는 초보 운전자에게 일반통행 차선은 좀더 운전하기가 수월합니다. 중앙선을 침범할 수 없고, 모두가 같은 방향으로 달리기 때문입니다. 그렇다가 양방향으로 달리는 도로 위도 익숙해지면 상관없겠지만 처음 도로 위로 차를 끌고 나간 날에는 상당히 무서웠던 기억이 납니다.

 

 

 2. 단방향은 이처럼 관리하기 쉬운 특징뿐만 아니라 버추얼 돔(Virtual DOM)과 궁합이 잘 맞습니다. 이전 시간에 배운 것처럼 뷰를 통째로 바꾸어주는 역할을 하기 때문에 단방향 데이터 방식은 DOM을 갱신할 때 큰 장점이 있습니다. 이러한 단순한 데이터 흐름은 이해하기 쉽고 관리하기에 좋은 장점이 있습니다.

 


마무리


관리 측면이 돋보이는 방식입니다.

댓글