DEV/디자인패턴 (3) 썸네일형 리스트형 [디자인패턴] MVC패턴, React에서 적용해보기 오늘은 디자인패던이라 하면 가장 먼저 떠오르는 패턴 중 하나인 MVC패턴을 알아보려고 합니다. MVC패턴? MVC패턴은 관심사에 따라 계층을 분리하는것을 지향하는 것을 목적으로 둔 패턴입니다. 이는 애플리케이션의 확장과 테스트, 유지에 필요한 노력과 시간을 줄여줍니다. MVC패턴의 흐름을 그림과 함께 간단하게 설명하면, 사용자가 Controller 통해 Model을 변화시키면 View를 업데이트 합니다. 그렇다면 Model, View, Controller는 어떤 역할을 하는지 알아보겠습니다. 모델(Model) 모델은 애플리케이션의 데이터와 비즈니스 로직을 담당합니다. 데이터의 상태와 해당 데이터를 조작하는 메소드 또는 함수를 포함하고 주로 DB에서 가져온 정보를 가공하거나 애플리케이션 내부에서 상태를 유.. [디자인패턴] container-presenter 디자인 패턴(컨테이너, 프리젠터) 오늘은 container-presenter 패턴에 대해서 조금 써볼까 합니다. container-presenter 패턴은 처음 코딩을 시작하던 때 부트캠프에서도 사용하던 패턴이고 지금도 아토믹과 함께 업무, 개인 프로젝트에 적용하여 사용하고 있는 패턴입니다. 기존에 atomic구조를 공부하면서 간단하게 올렸던 글이 있는데 이 글도 같이 봐주시면 감사하겠습니다 🙇♂️🙇♂️🙇♂️ [디자인 패턴] atomic과 container,presenter 요즘 개인적으로 사이드 프로젝트를 진행하는데 있어서 디자인패턴에 대한 고민이 생겼다. 기존 내가 사용하던 패턴은 코드캠프에서 배웠던 container-presenter 패턴이었지만, 최근 추세와는 조금 takd.tistory.com container-presen.. [디자인 패턴] atomic과 container,presenter 요즘 개인적으로 사이드 프로젝트를 진행하는데 있어서 디자인패턴에 대한 고민이 생겼다. 기존 내가 사용하던 패턴은 코드캠프에서 배웠던 container-presenter 패턴이었지만, 최근 추세와는 조금은 떨어진 부분이 보여 atomic패턴을 도입해볼까 고민을 하게되었다. 그래서 오늘은 atomic과 container-presenter에 대해서 적어보려고 한다 가장 먼저 지금 내가 사용중이었던 디자인 패턴은 container-presenter 패턴인데 container와 presenter는 어떤 역할을 하는 녀석이냐면 container : 로직부분을 담당하는 부분(state관리 변수 및 함수의 생성) presenter : styled와 전체적인 구조, UI를 담당하는 부분 그러면 이녀석의 장점은 무엇일까?.. 이전 1 다음
