Flux란? Flux는 Facebook에서 클라이언트-사이드 웹 어플리케이션을 만들기 위해 사용하는 어플리케이션 아키텍쳐이다. 또는 애플리케이션에서 데이터를 다루기 위한 패턴이라고 할 수 있다. Flux 이전 방식(MVC)의 문제점 Facebook에서 React를 사용할 때, Flux이전에는 다음과 같은 방식으로 데이터를 처리하였다. 어떠한 Action이 입력되면 Controller는 Model이 지니고 있는 데이터를 조회하거나 업데이트 하며, 이 변화는 View에 반영된다. 사용자와의 상호작용(UI)이 뷰를 통해서 일어나기 때문에, 사용자의 입력(input)에 따라 뷰가 가끔씩 모델을 업데이트 할 수도 있다. 이러한 디자인 패턴은 작은 어플리케이션에는 큰 문제없이 작동한다. 하지만, Model과 Vie..

MVC(Model-View-Controller) 패턴 이란? MVC 패턴은 여러 디자인 패턴 중 하나입니다. 디자인 패턴들은 좀 더 나은 유지보수를 위해 만들어진 특정한 방법들인데, 그 중 하나가 MVC 패턴입니다. MVC 패턴은 어플리케이션 또는 프로젝트의 구성을 Model, View, Controller 세 가지의 구성요소로 나눈 패턴입니다. 모델(Model) 모델(Model)은 백그라운드에서 데이터에 관한 로직을 처리하는 역할을 담당합니다. 모델은 컨트롤러에 의해 호출되어 데이터베이스에 데이터를 저장하거나, 데이터베이스에서 데이터를 가져와 뷰가 사용할 수 있는 형태로 컨트롤러에 반환합니다. 다음과 같은 규칙을 지켜주어야 합니다. 사용자가 편집하길 원하는 모든 데이터를 가지고 있어야 한다. 뷰나 컨트..

※ 이 글은 예전 블로그에서 퍼왔으며 2019.12.17.에 작성된 글입니다. VIEW Flexobox, Grid의 명확한 사용법을 알고 싶어 연습삼아 만들어 봄. 여전히 개념 정리가 필요하긴 함. 사실 태그 element에 border을 부여하려 했었는데 왠지 잘 안됨. Link Photo View jeongwoo903.github.io