sundori Dev

목차목표이 글에서는 Vue.js (프론트엔드), Node.js (백엔드), MySQL (데이터베이스) 기반으로 풀스택 개발 환경을 구축하고, 폴더 구조를 나누는 작업까지 진행한다.이 프로젝트는 과거 JSP 기반의 학사정보 시스템을 최신 SPA 구조로 재구성하는 학습 및 포트폴리오 목적이다.💻 1. 개발 환경 사양macOS (Apple M1 MacBook Pro)VSCode (주 IDE)Node.js 20+MySQL 8.xnpm, npx💻 2. 프로젝트 폴더 구조 설계# 원하는 위치로 이동cd /Volumes/SN850X/Study# 루트 폴더 생성mkdir haksa-infocd haksa-info ✅ 프론트엔드(Vue 3 + Vite)npm create vue@latest frontend# 옵션은 ..

목차 1. 프로젝트 개요이 프로젝트는 과거 JSP 기반의 MVC2 구조로 개발했던 학사정보 시스템을 최신 기술 스택을 활용하여 SPA(Single Page Application) 기반으로 재구성하는 작업이다.기존 시스템은 기능적으로는 작동했지만, 다음과 같은 한계가 있었다:프론트엔드와 백엔드가 강하게 결합되어 있어 유지보수가 어려움서버 템플릿(JSP)을 사용하는 구조로, 사용자 경험이 제한적RESTful API 미흡으로 데이터 분리 및 재사용 어려움반응형 미지원, UX 개선 여지 부족이를 개선하기 위해 Vue.js + Node.js + MySQL 조합으로 기술을 전환하며, 더 나은 유지보수성, 사용자 경험, 개발 구조의 유연성을 확보하고자 한다.2. 기획 배경기존의 JSP 기반 시스템은 다음과 같은 구조..