Beego 기반 모듈형 웹 개발 프레임워크
프로젝트 개요
Go 언어를 기반으로 Beego, Layui, MySQL 등 다양한 오픈소스 기술을 통합하여 개발된 모듈 중심의 고성능, 기업용 애자일 개발 프레임워크입니다. 개발 단순화와 생산성 향상을 목표로 하며, 자체 설계한 플러그인식 컴포넌트 시스템을 도입해 유연하고 재사용 가능한 구조를 제공합니다. 단일 이미지 업로드, 다중 이미지 갤러리, 드롭다운 선택, 스위치 ...
9월 29일 14:50에 게시됨
Layui 폼 모듈 심층 분석: 기본 구조와 고급 검증 및 레이아웃 기술
폼 DOM 계층 구조와 렌더링 메커니즘
Layui 폼 컴포넌트는 명확한 위계 기반 마크업 규칙을 따릅니다. 올바른 클래스 네이밍과 컨테이너 분리는 스타일 충돌을 방지하고 호환성을 확보하는 핵심 요소입니다.
<!-- 폼 기본 템플릿 구조 -->
<form class="layui-form" lay-filter="appMainForm">
<div class="layui-form-item">
<label class="la ...
8월 30일 06:48에 게시됨
Layui 주요 컴포넌트 실용 가이드
Layui 학습 노트 (주요 컴포넌트 사용법)
1. 그리드 시스템
주로 페이지 레이아웃을 구성하는 데 사용되며, 페이지를 12등분으로 나눕니다. div의 클래스 규칙을 통해 레이아웃을 구성할 수 있습니다.
기본 사용법
<div class="layui-row">
<div class="layui-col-xs6">
<div class="grid-demo grid-demo-bg1">6/12 ...
7월 10일 20:36에 게시됨
layui 이미지 업로드 기능 구현 방법
최신 버전의 layui를 사용해야 합니다. 초기 설정 시 여러 문제점에 직면했으며, 해결 과정을 공유합니다.
layui.js와 layui.all.js의 차이점을 인지하지 못해 발생한 오류는 다음과 같습니다. upload.render 메서드가 존재하지 않는 경우, layui.all.js를 사용해야 하지만 파일 업로드 기능이 동작하지 않는 문제가 발생했습니다. 이는 브라우저 캐시나 경로 설정 문제 ...
5월 24일 03:47에 게시됨