프로젝트 배경

본 프로젝트는 웹헤즈 LMS 솔루션으로 구축되어 운영 중인 교육 플랫폼을 대상으로, 사용자·관리자·강사 페이지 전반의 디자인 리뉴얼과 기능 개선을 진행한 프로젝트입니다. 기존 시스템의 안정성을 유지하면서도 최신 디자인을 반영하기 위해, Figma로 설계된 리뉴얼 디자인을 기준으로 퍼블리싱과 API 연동 작업을 수행하였습니다.

⸻

프로젝트 문제점

운영 중인 LMS 플랫폼 특성상 기존 서비스 구조를 유지한 상태에서 리뉴얼을 적용해야 했으며, 사용자·관리자·강사 페이지 전반에 걸친 대규모 퍼블리싱 작업이 요구되었습니다. 또한 퍼블리싱 중심의 작업과 함께 PG사 결제 및 포트원 정산 시스템과의 API 연동, 관리자 및 강사 페이지를 중심으로 한 추가 개발이 필요하였습니다. 이 과정에서 파트너사와의 협업을 고려한 체계적인 진행이 요구되었습니다.

⸻

주안점

완료된 Figma 디자인의 의도를 정확히 구현하는 퍼블리싱 완성도에 중점을 두고, 사용자·관리자·강사 페이지의 역할에 맞는 화면 구성을 적용하였습니다. 전체 작업 비중을 퍼블리싱과 API 연동 및 추가 개발로 구분하여 효율적으로 진행하였으며, 기존 LMS 개발 환경(PHP 7.4, MariaDB, jQuery, Vanilla JS)을 유지한 상태에서 PG사 결제 및 포트원 정산 시스템과의 안정적인 API 연동을 구현하였습니다. 이를 통해 운영 중인 플랫폼의 리뉴얼을 안정적으로 완료하였습니다.

1) 포트폴리오 소개

웹헤즈 LMS 솔루션으로 구축된 기존 웹사이트를 대상으로 사용자·관리자·강사 페이지 전체에 대한 디자인 리뉴얼 및 기능 개선을 진행하는 프로젝트로, 운영 중인 플랫폼의 사용성과 완성도를 개선하는 것을 목표로 함.
• 서비스 카테고리: LMS, 교육 플랫폼
• 메인 타깃: 학습자(사용자), 강사, 관리자
• 한 줄 요약:
웹헤즈 LMS 기반 교육 플랫폼의 사용자·관리자·강사 페이지를 대상으로 디자인 리뉴얼과 퍼블리싱, API 연동 및 기능 개선을 수행한 프로젝트

⸻

2) 작업 범위

(1) 퍼블리싱
• Figma로 제작된 리뉴얼 디자인을 기반으로 한 반응형 웹 퍼블리싱
• 사용자, 관리자, 강사 페이지 전반에 대한 UI 반영
• 전체 작업 중 퍼블리싱 비중 약 80~85%

(2) API 연동 및 추가 개발
• PG사 결제 API 및 포트원 정산 시스템 API 연동
• 관리자 및 강사 페이지 중심의 API 연동 개발
• 전체 작업 중 API 연동 및 추가 개발 비중 약 15~20%

(3) 백엔드 개발
• 기존 LMS 구조를 기반으로 한 기능 개선 및 연동 개발
• 데이터베이스 및 서버 환경과 연계된 기능 구현

⸻

3) 주요 업무 (주요 기능 및 주요 화면)

1. 사용자 페이지
• 리뉴얼 디자인을 적용한 반응형 퍼블리싱
• 기존 기능을 유지하면서 UI/UX 개선

2. 관리자 페이지
• 관리자 전용 화면 퍼블리싱
• PG사 결제 및 포트원 정산 시스템 API 연동
• 운영 관리를 위한 기능 개선

3. 강사 페이지
• 강사 전용 화면 퍼블리싱
• 정산 및 관련 API 연동 기능 개발

⸻

4) 개발 환경 및 협업 방식
• 백엔드: PHP 7.4, MariaDB
• 프런트엔드: jQuery 3.6, Vanilla JavaScript
• 서버 인프라: AWS (EC2, RDB, Cache, S3, ELB, WAF)
• 디자인/협업: Figma
• 진행 방식: 파트너사와 협업하여 리뉴얼 프로젝트 진행

⸻

5) 주안점
• 운영 중인 LMS 플랫폼의 리뉴얼 프로젝트로, 기존 서비스 구조를 유지하면서 디자인과 기능을 개선하는 데 중점
• Figma 기반 디자인을 정확히 반영한 퍼블리싱 완성도 확보
• 사용자·관리자·강사 페이지 각각의 역할에 맞는 UI 구성
• PG사 결제 및 포트원 정산 시스템과의 안정적인 API 연동
• 반응형 웹 적용을 통해 다양한 디바이스 환경 대응

⸻