박도영 · Web Service Developer

외주·실무

PPTX → HTML — 행사 페이지 제작 자동화

PPTX·이미지 자료를 반응형 행사 페이지용 HTML로 전환하는 반복 제작 도구를 구현한 작업입니다.

기간
2024.04–현재
작업 유형
자동화
역할
제작 과정 분석·템플릿 설계·자동화 개발·검수
프로젝트 미리보기: PPTX → HTML — 행사 페이지 제작 자동화
프로젝트 개요 이미지
문제
PC·모바일 이미지를 따로 만들고 PPT 내용을 HTML에 다시 입력하는 중복 작업이 있었습니다.
해결
PPTX 내용 추출 → 섹션 편집 → 공통 반응형 HTML 생성 → 결과 검수로 작업 흐름을 바꿨습니다.
결과
당시 작업 기록 기준 제작 시간 약 80분 → 20분. 수정·검수를 포함한 대략적인 값이며 새로 측정한 벤치마크는 아닙니다.
상세 목차 보기

문제

PC와 모바일 이미지를 따로 제작하고 PPT 내용을 HTML로 다시 옮겨야 해 중복 작업이 많았으며, 이미지 경로·링크·문구 오타와 작업자별 편차로 검수 범위가 넓었습니다.

제약

  • 고객 정보는 공개하지 않고 제작 자동화의 일반화된 과정과 결과만 공개
  • 생성 코드를 바로 게시하지 않고 원본 대조와 PC·모바일 화면 검수를 거쳐 운영에 반영

공개 업종

결혼·이벤트 서비스 기업

담당 범위

  • 기존 이미지 제작과 등록 과정 분석
  • PC·모바일 공통 반응형 HTML 템플릿 설계·구현
  • PPTX 내용 인식과 입력 데이터 기반 HTML 생성 기능 개발
  • 생성 결과 검수와 실제 운영 반영 확인

핵심 결정

  • 이미지 중심의 PC·모바일 이중 작업을 하나의 반응형 HTML 템플릿으로 전환
  • PPTX에서 제목·설명·이미지 정보를 읽어 반복 입력을 줄이고, 분석 결과는 섹션별로 수정 가능하게 구성
  • 코드 생성과 운영 반영 사이에 미리보기·검수 단계를 유지

구현

  • 이전: PC 이미지 제작 + 모바일 이미지 별도 제작 + PPT 내용 수동 입력
  • 변경 후: PPTX·이미지 경로 입력 → 섹션별 문구·이미지 편집 → HTML 미리보기·코드 복사
  • 미팅갤러리와 문화 이벤트의 콘텐츠 구조에 맞는 반응형 HTML 템플릿 구현

공개 가능한 화면

PPTX를 반응형 미팅갤러리 HTML로 변환하는 실제 작업 도구 화면

검증 방법

  • 생성된 이미지·텍스트·링크와 원본 자료 대조
  • PC·모바일 반응형 화면 확인 후 운영 페이지 반영

결과

  • 반복 입력과 마크업 생성 과정을 자동화해 제작 흐름 개선
  • 당시 작업 기록 기준 제작 시간 약 80분 → 20분. 수정·검수를 포함한 대략적인 값이며 새로 측정한 벤치마크는 아닙니다.

기술 기록과 근거

사용 기술

  • HTML
  • CSS
  • JavaScript
  • Git