VanillaFront

  • 홈
  • 태그
  • 방명록
  • 질의응답

MVP 1

VanillaFront 튜토리얼 — 5. MVP 패턴

https://vaillafront.com 참조VanillaFront 튜토리얼 — 5. MVP 패턴지금까지 화면(View)과 이동(Router)을 다뤘습니다. 그런데 실제 업무 화면은 데이터를 조회하고, 서버에 전송하고, 결과에 따라 UI를 갱신하는 로직으로 반은 차 있습니다. 이 로직을 View 안에 다 몰아넣으면 파일이 금세 무거워지죠.이번 편은 VanillaFront가 채택한 MVP 패턴 — 화면과 로직을 어떻게 나누는지에 관한 이야기입니다.MVP 패턴이란Model — View — Presenter의 약자입니다.계층역할Model데이터·비즈니스 로직 (서버 통신 포함)View화면에 보이는 UIPresenterView와 Model 사이를 중재하는 컨트롤 로직핵심: View가 Model에 직접 붙지 않습..

기본사용법 2026.09.11
이전
1
다음
더보기
프로필사진

VanillaFront

VanillaFront 입니다. Vanilla Js를 이용하여 SPA기반 UI Framework를 구현합니다. 홈페이지: vanillafront.com

  • 분류 전체보기 (115)
    • 왜 바닐라프론트를 만들었나!! (8)
    • 기본사용법 (9)
    • 컴포넌트 (92)
      • 버튼 (10)
      • 필드 컴포넌트 (46)
      • 유효성 (1)
      • 시멘틱태그 (8)
      • 해딩 (1)
      • 패널 외 영역 (Div, Span) (11)
      • 아이콘, 이미지 (3)
      • 아바타, 페르소나 (2)
      • 배지 (1)
      • 툴바 (4)
      • 브래드크럼 (0)
      • 마스킹, 로더 (0)
      • 미디어 (0)
      • 메시지박스 (0)
      • 캐러셀 (0)
      • 리스트 (0)
      • 카드리스트 (0)
      • 드로워 (0)
      • 아코디언 (0)
      • 다이얼로그, 팝업 등 (0)
      • 탭 (0)
      • 캘린더 (0)
      • 그리드 (3)
      • 트리그리드 (0)
      • 피봇그리드 (0)
      • 트리 (0)
      • 차트 (0)
      • 서비스 (0)
      • 대시보드 (0)
      • 다이어그램 (0)
    • 유틸 (0)
    • 데이터매니저 (0)
    • 테마 (0)
    • VS Code Extention (0)
    • 바이브코딩 (0)
    • 기타1 (1)
      • gulp (0)
      • Spring (0)
      • Javascript (0)
      • Visual Studio Extenstion (1)
      • Npm (0)
      • Webpack (0)
      • VanillaJs (0)

Tag

websqure, VanillaFront, 피봇그리드, toolbar, button, avatarGroup, spa, VanillaJS, 트리그리드, extjs, UIFramework비교, REACT, 웹스퀘어, dateField, esponsiveMenu, ES6, websquare, 국내UI Framework, title, nexacro, stickyDiv, eXbuilder, UI Framework, 넥사크로, vanillafront.com, NavigationMenuBar, UIFramework, 엑스빌더, imageDiv, TreeGrid,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바