GlobalMIG 개발 워크숍
세션 리소스 소개

워크숍 세션

기술 개론부터 AI 개발, 인프라, 데이터베이스, 배포, 영업, 마케팅까지.
7개 세션으로 구성된 실무 중심 개발 워크숍입니다.

워크숍 정보

일정: 2026년 3월 4일 - 5일 | 발표자: CTO 안정환 | 주최: (주)글로벌엠아이지

웹사이트 최적화 워크숍 · Part 1

이미지 / 비디오 포맷 변경 및 Cloudflare CDN 설정

일정: 2026년 3월 31일 (화) 오후 4:00 - 6:00
발표자: CTO 안정환
목표: Lighthouse Performance 90점 이상 달성

타임테이블

16:00-16:10 오프닝 - 왜 웹사이트 속도가 중요한가, 오늘의 목표
16:10-16:50 Block 1 · 이미지 포맷 - 비트맵/벡터, 포맷별 특성, 해상도, WebP 최적화 실습
16:50-17:15 Block 2 · 비디오 최적화 - 배경 영상 제작, 비트레이트, 순차 로딩 전략
17:15-17:50 Block 3 · Cloudflare R2 CDN - CDN 개념, R2 버킷 생성, Custom Domain, 웹사이트 적용
17:50-18:00 마무리 & Q&A - 최적화 전후 비교, 질의응답
01

이미지 포맷

  • ▸ 비트맵 vs 벡터 차이
  • ▸ JPG (1992): 손실 압축, 사진/그래디언트에 최적
  • ▸ PNG (1996): 무손실 압축, 투명도 지원, UI 요소에 적합
  • ▸ WebP (2010): Google 개발, JPG 대비 25-35% 작은 파일, 웹 이미지 표준
  • ▸ SVG: 벡터, 로고/아이콘에 최적, CSS/JS 애니메이션 가능
  • ▸ 해상도: Intrinsic vs Rendered Size, Squoosh 사용
02

비디오 최적화

  • ▸ 배경 영상 조건: autoplay, muted, loop
  • ▸ 프리미어 출력: H.264 MP4, 720p 권장, 2-4 Mbps, 오디오 없음
  • ▸ 2MB 이하 유지해야 하는 이유 (LCP, 모바일)
  • ▸ 순차 로딩 전략: 여러 영상 분할 로딩
  • ▸ poster 속성으로 fallback 이미지
03

Cloudflare R2 CDN

  • ▸ CDN 개념: 전 세계 300+ 엣지 서버, 캐싱
  • ▸ Cloudflare R2: S3 호환, Egress 비용 무료
  • ▸ 무료 티어: 10GB 저장, 100만 쓰기, 1000만 읽기
  • ▸ R2 버킷 생성 및 Custom Domain 연결 방법
  • ▸ 웹사이트에 CDN URL 적용
01

2026년도 개발 스택 트렌드

목적과 규모에 따른 최적의 기술 스택을 선택하는 방법을 학습합니다.

백엔드

  • Python (FastAPI/Django)
  • PHP (Laravel)
  • Java (Spring Boot)

프론트엔드

  • Vue / Nuxt.js
  • React / Next.js
  • Laravel Blade

크로스플랫폼

  • Flutter
  • Electron

기술 선택 기준

  • 프로젝트 목적
  • 팀 규모 및 역량
  • 확장성 고려
02

최신 AI를 활용한 개발 트렌드

AI 코딩 도구를 활용하여 개발 생산성을 극대화하는 방법을 배웁니다.

Claude AI

  • Claude CLI
  • VS Code 통합
  • CLAUDE.md 작성법

AI 코드 에디터

  • Cursor AI
  • 코드 자동 완성
  • 리팩토링 지원

GitHub Copilot

  • 페어 프로그래밍
  • 코드 제안
  • 문서화 자동화

보일러플레이트

  • AI 가이드라인
  • 프로젝트 템플릿
  • OpenAI Codex
03

인프라스트럭처 셋업

서버와 네트워크 인프라를 구성하고 관리하는 핵심 기술을 학습합니다.

DNS 기본

  • A, CNAME 레코드
  • MX, TXT 레코드
  • 도메인 설정

네트워크 보안

  • IP 주소 체계
  • 포트 관리
  • 방화벽 Rules

Cloudflare

  • CDN 설정
  • SSL/TLS 인증서
  • DDoS 보호

성능 평가

  • Google Lighthouse
  • SSL Labs 테스트
  • 인프라 구성 최적화
04

데이터베이스 설계

효율적인 데이터베이스 설계와 관계 모델링 기법을 학습합니다.

SQL vs NoSQL

  • MySQL, PostgreSQL
  • MongoDB, Redis
  • 선택 기준

핵심 SQL 쿼리

  • CRUD 연산
  • JOIN (Inner, Left, Right)
  • 집계 함수

관계 설계

  • 1:1 관계
  • 1:다 관계
  • 다:다 관계

ERD

  • Entity 정의
  • Relationship 매핑
  • dbdiagram.io 활용
05

AWS EC2 / CloudFlare / GitHub CI/CD 배포

클라우드 서버 설정부터 자동화된 배포 파이프라인 구축까지 학습합니다.

AWS EC2

  • Ubuntu 24 서버 설정
  • 보안 그룹 구성
  • SSH 접속 설정

서버 관리

  • Nginx 웹서버
  • Supervisor 프로세스
  • Cronjob 스케줄링

Cloudflare 배포

  • Workers 함수
  • Pages 정적 배포
  • Edge 컴퓨팅

GitHub Actions

  • CI/CD 파이프라인
  • 자동 테스트
  • 자동 배포
06

개발 영업 및 상담

개발 프로젝트 영업의 특수성과 고객 관리 전략을 학습합니다.

영업 특수성

  • 기술 영업의 이해
  • 개발 프로젝트 특징
  • 견적 산정 방법

고객 미팅

  • 요구사항 수집
  • 솔루션 제안
  • 프레젠테이션

팔로업 & CRM

  • 고객 관계 관리
  • 팔로업 전략
  • CRM 도구 활용

커뮤니케이션

  • 이메일 작성 요령
  • 전화 상담 스킬
  • 채널별 전략
07

개발자가 알아야 할 디지털마케팅

개발자 관점에서 필수적인 SEO와 디지털 마케팅 기초를 학습합니다.

SEO 기초

  • robots.txt 설정
  • sitemap.xml 생성
  • Meta 태그 최적화

도메인 권위

  • DR (Domain Rating)
  • DA (Domain Authority)
  • Google Search Console

속도 최적화

  • 웹사이트 성능
  • Core Web Vitals
  • SSL 인증서

AEO

  • 구조화 데이터
  • JSON-LD 스키마
  • AI 검색 최적화

더 알아보기

워크숍에 대한 자세한 정보와 개발 리소스를 확인하세요.

개발 리소스 워크숍 소개