PHP Full Stack Developer Portfolio

서비스 기획, DB 설계, 관리자 CMS, 사용자 페이지, 성적 분석 리포트, 메일 발송, 반응형 UI까지 직접 구축한 실서비스 포트폴리오입니다.

PHP MySQL / MariaDB JavaScript HTML5 / CSS3 AJAX PHPMailer Responsive Web Admin CMS

Backend

  • PHP 기반 웹서비스 개발
  • CRUD 및 관리자 기능 구현
  • 권한/세션 처리
  • SMTP 메일 발송

Frontend

  • HTML / CSS / JavaScript
  • 반응형 웹 UI 구현
  • 통계 시각화
  • 모바일 학습 화면 설계

Database

  • MySQL / MariaDB DB 설계
  • 테이블 관계 설계
  • 정규화 및 데이터 구조화
  • SQL 기반 데이터 조회·관리

Service Development

  • 관리자 CMS 구축
  • 예약 시스템 개발
  • 시험·채점 시스템 개발
  • 메일 발송 자동화

웹서비스 기획부터 데이터베이스 설계, 백엔드(PHP), 프론트엔드, 관리자 CMS까지 전 과정을 직접 개발했습니다. 교육기관 운영에 필요한 예약·응시·채점·성적 분석 시스템을 구축했으며, 데이터 중심의 서비스 흐름과 반응형 웹 UI를 설계·구현한 경험을 보유하고 있습니다.

구축 사례

Harvard Debate / HCDU Korea 웹사이트

국제대회 운영 플랫폼

국제 토론대회 소개, 참가팀 등록, 팀 관리, 갤러리, 뉴스레터 발송까지 대회 운영에 필요한 기능을 통합한 공식 웹사이트입니다.

사이트 보기

주요 기능

  • 대회 소개·일정·가이드라인 페이지
  • 참가팀 등록 및 팀명 중복 검사
  • 팀원 정보 등록·수정·관리
  • 관리자 팀 관리 및 결제 안내 메일 발송
  • 뉴스레터 템플릿·발송 로그 관리
  • 영문/국문 페이지 구조

개발 포인트

  • 행사 운영 흐름에 맞춘 등록 → 관리 → 안내 메일 프로세스 구현
  • 다국어 페이지와 모바일 네비게이션 구조 설계
  • 관리자 중심의 팀·콘텐츠·메일 발송 시스템 구축

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript PHPMailer Responsive Web

온라인 좌석 예약 시스템

좌석 예약 · 강의 운영

강의별 좌석 배치도를 기반으로 사용자가 원하는 좌석을 예약하고, 관리자가 주차별 예약 현황을 관리할 수 있는 시스템입니다.

사이트 보기

주요 기능

  • 강의별 좌석 배치도 등록
  • 좌석 위치 기반 예약 UI
  • 주차별 예약 오픈/마감 시간 관리
  • 좌석 예약·취소 처리
  • 예약 가능/불가/내 좌석 상태 표시
  • 모바일 화면 대응

개발 포인트

  • 이미지 위 좌표 기반 좌석 배치 구현
  • 예약 중복 방지를 위한 좌석 상태 관리
  • 운영자가 바로 확인 가능한 예약 현황 구조 설계

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript AJAX Responsive Web
온라인 좌석 예약 시스템 화면 1

MIRACLE morning VOCA

단어 학습 · 시험 응시

영어 단어 시험 응시, 데일리 테스트 반복, 학습 결과 확인을 통해 어휘 학습을 꾸준히 관리할 수 있는 단어 학습·테스트 서비스입니다.

사이트 보기

주요 기능

  • 단원별 단어 시험 응시
  • 주관식 도전 기능
  • 리포트 보기
  • 단어 카드 학습
  • 학습 루틴 카드 구성
  • 모바일 최적화 UI

개발 포인트

  • 교재·루틴·시험을 연결한 학습 흐름 설계
  • 간편 응시 구조로 접근성 강화
  • 단어 학습과 테스트를 한 화면 흐름으로 통합

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript Mobile UI Responsive Web
영어 CLAPI 검사 화면 1 MIRACLE morning VOCA 화면 2 MIRACLE morning VOCA 화면 3

vocaBRAIN 단어앱

PWA형 단어 학습 앱

이미지, 예문, TTS(Text-to-Speech) 음성 발음, 자동 반복 재생 기능을 제공하는 모바일 단어장 앱입니다. 단어를 보고, 듣고, 반복하며 효율적으로 암기할 수 있도록 설계했습니다.

사이트 보기

주요 기능

  • 단어 카드 미리보기
  • 예문 및 이미지 기반 학습
  • 자동 반복 재생
  • 모바일 앱 설치 안내
  • 안드로이드/아이폰 홈 화면 추가 지원

개발 포인트

  • 웹 기반 앱 설치 흐름 구성
  • 학습 몰입도를 높이는 카드형 UI 설계
  • 모바일 중심의 반응형 레이아웃 구현

Tech Stack

PHP MySQL HTML5 CSS3 JavaScript Mobile UI Responsive Web
vocaBRAIN 단어앱 화면 1

수업 관리 플랫폼

학생, 시험, 조교 관리

문항 등록, 시험 운영, 채점, 성적 분석, 틀린 문항 자동 분류, 강사를 위한 조교 관리까지 교육기관 운영에 필요한 기능을 하나의 플랫폼으로 통합하여 구축한 교육 운영 시스템입니다.

사이트 보기

주요 기능

  • 선생님/학생 시작 화면 분리
  • 학생·시험·문항·성적 관리
  • 시험별 통계 분석
  • 시험 비교 및 학생별 성적 확인
  • 객관식/주관식 틀린 문항 해설 관리
  • 성적 추이 그래프

개발 포인트

  • 교육 운영 데이터를 관리자 대시보드로 통합
  • 시험별 평균·응시 인원·최고점 자동 집계
  • 학생별 성적 변화와 오답 분석 UI 구현

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript Responsive Web
수업 관리 플랫폼 화면 1 수업 관리 플랫폼 화면 2 수업 관리 플랫폼 화면 3 수업 관리 플랫폼 화면 4

CRUX 정시 상담 및 수능 성적 관리

정시 상담 / 수능 점수 관리

실시간 상담 예약, 수능 가채점·실채점 점수 입력, 관리자 성적 관리 기능을 하나의 플랫폼으로 통합하여 구축한 입시 상담 운영 시스템입니다.

사이트 보기

주요 기능

  • 정시 상담 예약 메뉴
  • 수능 가채점/실채점 입력
  • 한국사·영어·국어·수학·탐구 점수 입력
  • 관리자 가채점/실채점 성적 관리
  • 회원별 점수 조회 및 저장
  • 엑셀 기반 운영 보조

개발 포인트

  • 상담 예약과 성적 입력 기능을 하나의 운영 흐름으로 구성
  • 대량 성적 입력을 고려한 관리자 테이블 UI 구현
  • 정시 상담 운영에 맞춘 데이터 구조 설계

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript Chart UI
CRUX 상담 예약 현황 관리자 화면

영어 CLAPI 검사

영어 역량 진단

영어 지문 이해, 어휘, 특이 문항 대응, 소재 파악, 추론 능력을 검사하고 결과를 리포트로 제공하는 진단 시스템입니다.

사이트 보기

주요 기능

  • CLAPI 요소 안내
  • 검사 결과 보기
  • 학생 기본 정보 표시
  • 총점 및 문항 유형별 점수 요약
  • Comprehension/Lexicon/Anomaly/Point/Inference 점수화

개발 포인트

  • 영어 역량 요소를 세부 지표로 분리
  • 검사 결과를 시각적으로 요약하는 리포트 UI 구성
  • 학생별 최신 검사 기록 기반 결과 생성

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript Responsive Web
MIRACLE morning VOCA 화면 1 영어 CLAPI 검사 화면 2

수학 성향 진단

수학 학습 성향 분석

수학 문제 해결 과정을 계산력, 패턴 인식, 논리적 추론, 응용력 등으로 분석하여 개인별 문제 해결 성향과 학습 특성을 리포트 형태로 제공하는 진단 시스템입니다.

사이트 보기

주요 기능

  • 학생 기본 정보 표시
  • 종합 점수 산출
  • 수학 성향 요약
  • 세부 성향 레이더 그래프
  • 추천 고교 및 시험 요소 안내

개발 포인트

  • 수학 학습 성향을 지표화한 리포트 구성
  • 레이더 차트 기반 시각화
  • 진단 결과 기반 상담 자료 활용 가능

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript Responsive Web
수학 성향 진단 화면 1

성적 처리 및 결과 관리 시스템

성적 분석 · 결과 리포트

시험 결과를 유형별·영역별·난이도별로 분석하고, 응시자 점수 분포, 회차별 성적 추이, 학생 성장 데이터를 시각화하여 학습 성과를 체계적으로 관리할 수 있도록 구축한 성적 분석 시스템입니다.

사이트 보기

주요 기능

  • 유형별 성취표
  • 영역별 성취표
  • 난이도별 성취표
  • 응시자 점수 분포 히트맵
  • 회차별 점수 추이
  • 시험 문항 정보 테이블

개발 포인트

  • 시험 데이터를 차트와 표로 시각화
  • 응시자 위치와 전체 분포를 함께 제공
  • 관리자·학생 리포트 양쪽에 활용 가능한 구조

Tech Stack

PHP MySQL MariaDB HTML5 CSS3 JavaScript Chart UI
성적 발송 및 결과 관리 시스템 화면 1 성적 발송 및 결과 관리 시스템 화면 2

Core Skills

PHP · MySQL/MariaDB · JavaScript · HTML5 · CSS3 · AJAX · PHPMailer · Admin CMS · Responsive Web · Database Design · Service Planning