🔥 "백엔드/프론트엔드 연동을 5분 만에 끝내는 풀스택 엔터프라이즈 컴포넌트 프레임워크!"
💡 "비즈니스 개발은 더 쉽게, 코드는 더 깨끗하게, 성능은 완벽하게 — L/T Framework v3"
📌 AA(Application Architecture) 팀 제공 — 개발자 실전 온보딩 가이드
L/T Framework v3는 대규모 엔터프라이즈 어플리케이션 및 백오피스 시스템 구축 시 검증된 표준 기술 스택을 바탕으로 구현된 풀스택 개발 플랫폼입니다.
개발자가 반복적인 인프라/보안/권한/페이징/그리드 연동 등의 공통 기능 구현 부담 없이 오직 비즈니스 어플리케이션 로직 개발에만 집중할 수 있는 완벽한 표준 환경을 제공합니다.
@DataScope AOP를 활용한 부서별/본인 데이터 자동 동적 필터링.[Front-End: admin-ui (Vue 3 SFC + Vite 7)]
├── UI 컴포넌트: Element Plus + IBSheet8 대용량 그리드 + amCharts 5
└── 상태 관리: Vuex Store + Vue Router
[Back-End: admin-work-api (Spring Boot 3.5.3 + Java 21)]
├── 보안 & 권한: JwtAuthenticationTokenFilter + @PreAuthorize + RoleCheckInterceptor
├── 데이터 필터링: @DataScope Aspect (AOP 동적 SQL)
└── CQRS Mapper: mapper.query (SELECT) / mapper.command (INSERT/UPDATE/DELETE)
[Core Library: admin-module (java-library)]
└── 보안 유틸리티, BaseEntity, PageHelper, MyBatis 플러그인
admin-ui)# 프론트엔드 디렉토리 이동
cd framework/admin-front/v3/admin-ui
# 패키지 설치 & 개발 서버 시작
npm install
npm run dev
# ➔ http://localhost:8080 접속
admin-work-api)# 백엔드 디렉토리 이동
cd framework/back-api/v3/admin-work-api
# Gradle 래퍼로 Spring Boot 실행
./gradlew bootRun
# ➔ http://localhost:8090/swagger-ui/index.html API 확인
| 챕터 | 가이드 주제 | 핵심 학습 내용 및 가이드 요약 | 바로가기 링크 |
|---|---|---|---|
| 01장 | 🏗️ 아키텍처 & 기본 구조 | • Framework 소개, 3계층 아키텍처 구조, 기능 목록 • Java 21, Gradle, Node, Cursor AI, Dbeaver, Git 설치 및 OS Encoding 설정 • Frontend( admin-ui) & Backend(admin-work-api) 서버 실행 방법 |
📘 01장 바로가기 → |
| 02장 | 🔵 Backend CQRS CRUD 작성 | • Java 코딩 가이드 & Swagger 주석 작성법 (*Controller, *Dto, *Service)• CQRS 패턴 ( mapper.query / mapper.command) & PageHelper 자동/수동 페이징• ServiceException 비즈니스 예외 처리, @Transactional, 멀티 DB 설정 |
📘 02장 바로가기 → |
| 03장 | 🟢 Frontend IBSheet8 & Dialog | • Vue 3 SFC (*.vue) 생성, 라우터 추가 & 메뉴/권한 3단계 매핑 절차• IBSheet8 100만 행 그리드 CRUD 연동 및 Element Plus el-dialog 모달 팝업 연동 |
📘 03장 바로가기 → |
| 04장 | 📊 amCharts 5 대시보드 시각화 | • amCharts 5 Vertical Column (세로 막대) 그래프 연동 방법 • SPA 라우팅 이동 시 onBeforeUnmount root.dispose() 메모리 누수 방지 패턴 |
📘 04장 바로가기 → |
| 05장 | 🌿 DevOps (Git Branch 전략) | • L/T Framework v3 연속적 개발/배포를 위한 Git-Flow 브랜치 전략 • 표준 Commit Message 템플릿 규격 ( feat:, fix:, refactor:, docs:) |
📗 05장 바로가기 → |
| 06장 | ❓ Q&A 체크리스트 & FAQ | • 개발 완료 후 커밋/배포 전 필수 확인 체크리스트 (Backend/Frontend) • 자주 묻는 질문(FAQ) 및 MyBatis Invalid bound statement / 403 Forbidden 트러블슈팅 |
📙 06장 바로가기 → |