학술기관 반응형 웹 & 콘텐츠 관리 플랫폼

대학 부설 연구소 등 학술기관을 위해, 10년 된 구형 PHP 연구소 홈페이지를 반응형 웹으로 재구축하고, 실무자가 코딩 없이 배너·팝업·공지사항·학술자료집을 직접 관리할 수 있는 콘텐츠 관리 어드민을 React + Node.js 기반으로 설계·구현합니다.

게시판 데이터 이관 매핑 도구 구현MySQL 원본 필드↔PostgreSQL 컬럼 매핑 규칙 8종 정의, 이관 전 프리뷰로 데이터 손실 지점 사전 식별 구조 설계

코드 없는 배너·팝업 관리자 구축React 기반 폼으로 배너/팝업 노출기간·순서·링크를 즉시 반영, 별도 배포 없이 콘텐츠 갱신 가능한 구조 구현

첨부파일 메타정보 보존 체계 설계PDF·이미지·HWP 첨부파일과 작성일·조회수 메타를 테이블 관계로 매핑, 이관 후에도 원본 메타 유지되는 스키마 구현

서비스 타입Web

업종플랫폼

기술 스택

ReactTypeScriptTailwind CSSNode.jsExpressPostgreSQLPrismaMulter

주요 기능

반응형 연구소 웹사이트 퍼블리싱
코드 없는 배너·팝업 관리자
공지사항·자료집 게시판 관리
레거시 게시글 데이터 이관 매핑 도구

Overview

프로젝트 개요

범위: 개발, 디자인, 기획

대학 부설 연구소 등 학술기관을 위해, 10년 된 구형 PHP 연구소 홈페이지를 반응형 웹으로 재구축하고, 실무자가 코딩 없이 배너·팝업·공지사항·학술자료집을 직접 관리할 수 있는 콘텐츠 관리 어드민을 React + Node.js 기반으로 설계·구현합니다. 기존 게시글과 첨부파일을 새 스키마로 매핑하는 이관 프리뷰 도구도 함께 구성합니다.

작업 범위

반응형 연구소 웹사이트 퍼블리싱: 연구소소개·조직·연구사업·학술활동·발간물 메뉴를 PC/모바일 하나의 코드베이스로 대응하는 반응형 웹사이트를 제공합니다
코드 없는 배너·팝업 관리자: 실무자가 메인 배너와 팝업의 이미지, 링크, 노출 기간, 순서를 직접 등록·수정할 수 있는 관리자 화면을 제공합니다
공지사항·자료집 게시판 관리: 공지사항과 학술자료집 게시글을 작성·수정하고 PDF·이미지 등 첨부파일을 업로드할 수 있는 게시판 기능을 제공합니다
레거시 게시글 데이터 이관 매핑 도구: 기존 MySQL 게시판의 필드를 새 스키마 컬럼으로 매핑하고, 이관 전 결과를 미리 확인할 수 있는 도구를 제공합니다

주요 업무

반응형 연구소 웹사이트 퍼블리싱 화면: Tailwind CSS 브레이크포인트 기반 반응형 그리드와 트리형 메뉴 사이드바를 React 컴포넌트로 구성합니다
코드 없는 배너·팝업 관리자 화면: 폼 기반 CRUD와 노출기간 스케줄링 로직을 Express API로 구현하고 즉시 미리보기를 제공합니다
공지사항·자료집 게시판 관리 화면: 게시글-첨부파일 1:N 관계 스키마와 작성일·조회수 메타 컬럼을 PostgreSQL에 설계합니다
레거시 게시글 데이터 이관 매핑 도구 화면: 원본 DB 스키마를 스캔해 컬럼을 자동 후보 매핑하고 프리뷰 테이블로 결과를 보여줍니다