분류 전체보기72

• 

  워드프레스 도커로 설치 📦 WordPress Docker 설치 가이드 (최종 안정화 버전)✅ PHP 8.2 + Nginx + MariaDB + mysqli 확장 포함✅ 워드프레스 로컬/운영용 완전 설치 템플릿✅ 보안 문제 없는 ~/docker 경로 기준📁 디렉토리 구조~/docker/wordpress/├── docker-compose.yml├── php/│ └── Dockerfile├── nginx/│ ├── Dockerfile│ └── default.conf├── html/ ← 워드프레스 파일 위치⬇️ 워드프레스 다운로드 (html 폴더로)cd ~/docker/wordpress/htmlcurl -O https://wordpress.org/latest.tar.gztar -xzf latest.tar... php 제로보드-그누보드-아미나 2025. 5. 28.

• 

  그누보드 6 fastapi 설치기 / 도커 설치 가이드 https://github.com/gnuboard/g6?tab=readme-ov-file#%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95[GitHub - gnuboard/g6: 파이썬 게시판 그누보드6 : GNUBOARD6 is Python CMS with fastapi파이썬 게시판 그누보드6 : GNUBOARD6 is Python CMS with fastapi - gnuboard/g6github.com](https://github.com/gnuboard/g6?tab=readme-ov-file#%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95)MySQL, PostgreSQL, SQLite 중 하나의 데이터베이스를 선택하여 설정할 수 있습니다.MySQL, Postgre.. 그누6(fastapi-python3.8) 2025. 5. 28.

• 게시판 솔루션 비교 ( 영카트 vs XE3 ) 게시판 솔루션 심층 비교 분석1. 개요Step 1(소스 데이터 관리)를 위한 게시판 솔루션 선택을 위해 영카트, 아미나, 그누보드6+FastAPI를 기술성숙도, 개발효율성, 확장가능성, 운영비용, AI통합성 5가지 핵심 지표로 심층 분석합니다.핵심 평가 기준: Step 2-3이 70% 중요도를 차지하므로, Step 1 개발은 4주 → 1주로 단축하여 핵심 기능에 집중2. 종합 평가 매트릭스 🏆 (XE3 포함 업데이트)평가항목가중치영카트 (YC6)XE3아미나그누보드6+FastAPI기술 성숙도25%⭐⭐⭐⭐⭐ (95점)⭐⭐⭐⭐⭐ (98점)⭐⭐ (40점)⭐⭐⭐⭐⭐ (100점)개발 효율성30%⭐⭐⭐⭐⭐ (90점)⭐⭐⭐⭐ (85점)⭐⭐⭐⭐ (80점)⭐⭐⭐ (60점)확장 가능성20%⭐⭐⭐⭐ (80점)⭐⭐⭐⭐⭐ (9.. php 제로보드-그누보드-아미나 2025. 5. 27.

• 워드프레스, xe3, youngcart5, fastapi, proxy 도커 실행 가이드 📁 서비스별 디렉토리 구조/srv/docker/├── amina/│ ├── html/ # 아미나 테마 + 그누보드│ └── docker-compose.yml├── youngcart/│ ├── html/ # 영카트 5.x│ └── docker-compose.yml🔧 실행 명령 (모든 서비스)cd /srv/docker/wordpress && docker compose up -dcd /srv/docker/xe3 && docker compose up -dcd /srv/docker/youngcart && docker compose up -dcd /srv/docker/fastapi && docker compose up -dcd /srv/.. php 제로보드-그누보드-아미나 2025. 5. 27.

• 도커 (2) # 🧱 Docker 개발 환경 구축 이후 다음 단계 🧱 Docker 개발 환경 구축 이후 다음 단계Docker 공식 설치를 마쳤다면, 이제 본격적으로 개발과 운영을 위한 애플리케이션 구성을 시작할 수 있습니다.아래는 Ubuntu VM 내에서 개발/운영용 Docker 환경을 체계적으로 확장하기 위한 다음 단계 가이드입니다.✅ 1. 디렉토리 구조 정리mkdir -p /srv/docker/{wordpress,xe3,youngcart,proxy,adminer,fastapi,db}chown -R $USER:$USER /srv/docker각 폴더에 docker-compose.yml을 두고 독립적인 앱/서비스로 관리합니다.✅ 2. Docker Compose 예제 구성 (워드프레스 기준)srv/docker/wordpress/docker-compose.yml:versi.. php 제로보드-그누보드-아미나 2025. 5. 27.

• 도커 (1) 🐳 Ubuntu에서 Docker 설치: `docker.io` vs 공식 설치 완전 비교 + 실전 설치 방법 개발 환경 세팅sudo apt update && sudo apt install -y git curl zsh build-essential unzip htop python3-pip python3-venv php php-cli php-mysql mariadb-server nginxProxmox VM에서 개발/배포 겸용 서버를 만들기 위해 Docker 환경을 구성하면서docker.io와 Docker 공식 설치의 차이점,그리고 어떤 방식이 더 실전에 맞는지 정리한 실전 가이드입니다.✅ 요약 비교표항목docker.io (Ubuntu 기본)Docker 공식 설치설치 명령apt install docker.io`curl -fsSL get.docker.com버전구버전 (19.x~20.x)최신 릴리즈 (23~24.x 이상).. php 제로보드-그누보드-아미나 2025. 5. 27.

• 영카트 vs XE3 XE3 vs 영카트 구조적 심층 분석🏗️ 아키텍처 구조 비교XE3 (XpressEngine 3) 구조적 장점1. Laravel 기반 모던 MVC 아키텍처XE3 구조:app/├── Modules/ # 모듈 시스템│ ├── VideoSource/│ │ ├── Http/│ │ │ ├── Controllers/ # RESTful 컨트롤러│ │ │ ├── Requests/ # Form Request Validation│ │ │ └── Resources/ # API Resource│ │ ├── Models/ # Eloquent ORM 모델│ │ ├── Services/ .. php 제로보드-그누보드-아미나 2025. 5. 27.

• 

  proxmox vm, ct 만들기. php 제로보드-그누보드-아미나 2025. 5. 27.

• 아미나 설치 ✅ Ubuntu 20.04 + GNUBOARD5.3 + 아미나 설치 매뉴얼 (Proxmox LXC 기준)🧱 1. Proxmox에서 Ubuntu 20.04 컨테이너 생성OS 템플릿: ubuntu-20.04-standard_*.tar.gzHostname: php74Unprivileged: ❌ (웹 서버 권한 문제 방지)네트워크: DHCP 또는 Static (192.168.0.174/24, Gateway: 192.168.0.1 등)👤 2. 사용자 계정 생성 + sudo 권한 부여adduser kangusermod -aG sudo kang✅ 테스트su - kangsudo whoami # → root 나오면 OK🌐 3. Apache + PHP 7.4 설치sudo apt updatesudo apt inst.. php 제로보드-그누보드-아미나 2025. 5. 27.

• 유튜브, 영상 자동화 개발 하기. 그 동안은 여행업 관련된 것이나 erp 개발에만 관심이 많았다.주로 입력형 erp 다 보니 주 요구사항은..CRUD 와 DB 설계.복잡하고, 편리한 CRUD 가 중요하니, frontend 기술이 중요했고, frontend 는.... ㅠㅠ 적성에 정말 안맞는데... 그러다보니, 한숨만 팍팍 무한반복. 난 기획, 설계가 적성인데 말이다. IT 는 AI 응용 개발이 대세인데, 주로 지금까지 손대기 어려웠던 영상, 음성 같은 분야. 좁혀서 말하면 유튜브 컨텐츠 제작 자동화 인거다.마침내 이 쪽을 하나씩 공부하면서, 손대기로 했다. 개발 diary/영상 2025. 5. 16.

• 자바스크립트 얕은 복사, 깊은 복사 자바스크립트에서 값은 원시값과 참조값으로 나뉜다.원시값NumberStringBooleanNullUndefined참조값ObjectSymbol원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다const a = 1;let b = a;b = 2console.log(a); //1console.log(b); //2하지만 참조값은 변수가 객체의 주소를 가리키는 값이기 때문에 복사된 값(주소)이 같은 값을 가리킨다.const a = {number: 1};let b = a;b.number = 2console.log(a); // {number: 2}console.log(b); // {number: 2}이런한 객체의 특징 때문에 객체를 복사하는 방법.. 자바스크립트 문법 2024. 6. 18.

• 

  한 입 크기~ 리액트 todo 1. 구현 조건구현 화면은 위와 같음Todo 추가/체크/삭제/검색 기능 2. UI 구현component 나누기 (Header, Editor, List/TodoItem )3개의 component로 나눔HeaderEditorList기본 레이아웃 설정App.cssbox-size: border-box;margin: 0 auto; 가운데 정렬display: flex; flex-direction: column;.App { border: 1px solid gray; box-sizing: border-box; max-width: 500px; width: 100%; margin: 0 auto; padding: 20px; display: flex; flex-direction: column; gap:30px.. 리액트 2024. 6. 17.