단방향 데이터 바인딩 (2) 썸네일형 리스트형 [react] FLUX 디자인 패턴의 이해2 : 내 방식대로 설명하기 이전 글에서는 Flux 디자인 패턴을 이해하기 위해 데이터 바인딩에 대해 다루었다.https://chartist1206.tistory.com/66 이번에는 Flux 디자인 패턴에 대해 다룬다. 이 패턴에 대해 다루는 정석 내용은 대개 이런 키워드를 다룰 것 이다.페이스북 팀에서 리엑트 기반 웹 프론트를 유지보수할 때 상태 업데이트를 제대로 예측하지 못해 몇 가지 고생을 했고, 이에 대한 대안으로 만든 상태 관리 디자인 패턴이다.기존의 상태 관리 디자인 패턴은 model과 view가 흩어져 있고 서로 간에 참조 및 데이터 전달 방향과 범위가 불명확하여 예측이 어려웠다.flux 패턴은 model과 데이터 바인딩 로직을 중앙 집중화 하여 문제를 해결하였다.구체적인 데이터 흐름은 action => dispath.. [react] flux 디자인 패턴의 이해1: 데이터 바인딩과 데이터 흐름 flux 디자인 패턴은 react를 공부하는 데 중요한 스탭이지만, useState 사용법 같은 문법에 비해 이해하기 어려운 개념이다.그 이유는 아래와 같다데이터 바인딩, viewModel 같은 배경 지식 필요(방금 JS 개발 공부하고 넘어온 프론트엔드. 특히 나같은 비전공 취준은 이런 이론적 개념에 약할 거다)양방향 데이터 바인딩과 단방향 데이터 바인딩을 이해해야 하는데, 좋은 글들이 많지만 "구체적으로 이런 거다"라고 나 스스로는 이해하지 못했다.그래서 이 글을 정리하며 내 식대로 데이터 바인딩, viewModel, 나아가 양방향 데이터 바인딩과 단방향 데이터 바인딩에 대해 이해해보려 한다. 데이터 바인딩이란?다른 질문을 먼저 해보자. 웹 페이지는 어떻게 데이터를 사용자에게 보여주는가. MVC 패턴을.. 이전 1 다음