반응형 React2 [Pattern] Flux Flux 패턴이란? MVC 패턴의 문제점을 해결하기 위해서 페이스북이 고안한 아키텍쳐 설계 패턴이다. Flux 패턴은 데이터가 단방향으로 흐르게 해서 여러 데이터 갱신 작업이 한번에 하나의 데이터만 변경하도록 한다. 이를 통해서 여러 데이터가 한번에 변경되는 상황을 예방하여 데이터를 예측 가능하도록 하는 데에 목적이 있다. MVC 패턴의 문제점 Flux를 알아보기 전에 먼저 MVC 패턴에서 발생하는 문제를 알아보았다. MVC는 Model, View, Controller로 이루어진다. 사용자의 액션이 발생하면 Controller가 Model을 업데이트하고, Model을 나타낼 View를 골라서 사용자에게 보여주는 방식으로 동작한다. MVC의 각 구성 요소를 살펴보면, Controller는 View를 통해서.. 2022. 2. 16. [React] react-hook-form 사용시 발생하는 ref warning 폼 유효성 검사를 위해서 react-hook-form를 도입하였고, register API를 사용하면서 아래와 같은 경고와 마주했다. 이 경고가 발생하는 이유와 해결법을 정리하고자 한다. AS-IS 원인을 파악하기 위해서는 먼저 register API가 어떻게 동작하는지 살펴볼 필요가 있다. register 함수는 react-hook-form의 useForm의 반환값으로 얻을 수 있다. register 함수에 input name을 비롯한 옵션을 파라미터로 하여 호출하면 아래와 같은 값을 반환한다. const { onChange, onBlur, name, ref } = register('input_name', configOptionObject); 따라서 위의 코드에서 register함수가 반환한 값을 sp.. 2022. 2. 15. 이전 1 다음 반응형
