데이터바인딩

React 데이터 바인딩

React 는 단방향 데이터 바인딩을 합니다. 데이터 바인딩이란? 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터를 일치 시키는 것을 말합니다. MVC 에서 View(화면에 보이는 데이터, HTML) Model(브라우저 메모리에 있는 데이터, JS) 에 해당됩니다. 데이터 바인딩은 양방향과 단방향으로 나뉩니다. 단방향 데이터 바인딩 한쪽 방향으로만 제어가 가능한 것을 의미합니다. JS(Model) 에서는 화면에 보이는 데이터를 수정할 수 있습니다. 그러나 사용자는 화면에서 값을 변경할 수는 있지만 JS 에 있는 데이터를 수정할 수 없습니다. 때문에 화면에서 변경된 값을 감지해서 JS 를 수정해야 합니다. React 의 경우 state 가 변경이 되면 set 으로 값을 바꿔 주는 작업을 해야 합니다...