### <span>프로젝트 기본 정보</span> * <span>발주처: 삼성전자 DS부문</span> * <span>프로젝트명: 삼성전자 DS MIS 프로젝트</span> * <span>프로젝트 유형: 기업용 통합경영정보시스템(MIS) 구축 및 운영</span> * <span>프로젝트 기간: 2023.06 \~ 2025.12</span> * <span>프로젝트 인원: 10명</span> * <span>담당 역할: UI/UX 디자이너, 프론트엔드 개발자</span> * <span>구축 환경: Vue.js·Java Spring 기반 엔터프라이즈 웹 시스템</span> * <span>수행사·소속: 에스엘소프트</span> * <span>보안 등급: 대외비 프로젝트</span> ### <span>프로젝트 소개</span> <span>삼성전자 DS부문의 사내 업무를 지원하는 MIS(Management Information System) 프로젝트에 프론트엔드 개발자로 참여했습니다.</span> <span>Vue.js 기반의 컴포넌트 중심 프론트엔드 아키텍처를 적용하여 업무 현황, 데이터 조회, 입력 양식, 승인 처리 및 시스템 관리 기능을 제공하는 기업용 웹 화면을 개발했습니다. Java Spring 기반 백엔드 시스템과 연동하여 사용자 입력값과 업무 데이터를 화면에 동적으로 표시하고, 처리 결과와 오류 상태를 일관된 사용자 인터페이스로 제공할 수 있도록 구현했습니다.</span> <span>장기간 운영되는 엔터프라이즈 시스템의 특성을 고려하여 공통 컴포넌트의 재사용성, 화면 간 UI 일관성, 데이터 가독성 및 유지보수 편의성을 중심으로 프론트엔드 개발 업무를 수행했습니다.</span> <span>프로젝트 화면과 세부 업무 내용은 삼성전자 내부 보안정책에 따른 대외비이므로 포트폴리오에는 공개 가능한 프로젝트 개요와 기술 스택, 일반화한 담당 업무만 기재했습니다.</span> ### <span>주요 담당 업무</span> * <span>Vue.js 기반 MIS 업무 화면 개발</span> * <span>컴포넌트 기반 프론트엔드 UI 구성</span> * <span>공통 Button·Input·Dropdown·Checkbox 컴포넌트 적용</span> * <span>조회·등록·수정·상세 화면 개발</span> * <span>검색조건 및 데이터 필터링 인터페이스 구현</span> * <span>업무용 데이터 테이블 및 Pagination 구성</span> * <span>Modal·Popup·Tab·Accordion 화면 구현</span> * <span>입력 데이터 Validation 및 오류 메시지 처리</span> * <span>Java Spring 백엔드 시스템과 화면 데이터 연동</span> * <span>공통 UI 규칙 및 컴포넌트 재사용 구조 적용</span> * <span>브라우저 환경별 화면 테스트 및 UI 오류 수정</span> * <span>요구사항 변경에 따른 화면 기능 개선과 유지보수</span> <span>※ 실제 담당 범위와 다른 항목이 있다면 삭제하거나 수정해 주세요.</span> ### <span>사용 기술 및 개발 환경</span> #### <span>Front-end</span> * <span>Vue.js</span> * <span>JavaScript ES6+</span> * <span>HTML5</span> * <span>CSS3</span> * <span>Vue Single File Component</span> * <span>Component-based Architecture</span> * <span>Responsive Web UI</span> * <span>Data Binding</span> * <span>Form Validation</span> * <span>Event Handling</span> #### <span>Back-end 연동</span> * <span>Java</span> * <span>Spring Framework</span> * <span>HTTP API 연동</span> * <span>JSON 데이터 처리</span> * <span>비동기 데이터 통신</span> #### <span>UI 구성 요소</span> * <span>Button·Badge·Checkbox·Radio</span> * <span>TextField·TextArea·Dropdown</span> * <span>SearchBox·FormBox·FormItem</span> * <span>Table·Grid·Pagination</span> * <span>Modal·Popup·Tab·Accordion</span> * <span>DatePicker·DateRangePicker</span> * <span>Alert·Confirm·Tooltip</span> * <span>Tree·Validator</span> #### <span>확인 후 추가할 기술</span> * <span>Vue 버전: Vue 2 또는 Vue 3</span> * <span>상태관리: Vuex 또는 Pinia</span> * <span>HTTP 통신: Axios 또는 Fetch API</span> * <span>CSS 프레임워크: Tailwind CSS 사용 여부</span> * <span>데이터 그리드: RealGrid2 사용 여부</span> * <span>빌드 도구: Vite 또는 Webpack</span> * <span>패키지 관리: npm 또는 Yarn</span> * <span>형상관리: Git·GitLab·SVN 중 실제 사용 도구</span> * <span>개발 도구: VS Code·IntelliJ IDEA·Eclipse 중 실제 사용 도구</span> ### <span>포트폴리오용 요약 문구</span> <span>2023년 6월부터 2025년 12월까지 10명 규모로 진행된 삼성전자 DS MIS 프로젝트에 프론트엔드 개발자로 참여했습니다. Vue.js 기반의 업무 화면과 공통 UI 컴포넌트를 개발하고, Java Spring 백엔드 시스템과 연동되는 조회·입력·승인·데이터 관리 인터페이스를 구현했습니다. 프로젝트의 실제 화면과 업무 데이터는 대외비이므로 공개 가능한 기술 및 역할 중심으로 정리했습니다.</span> ### <span>목록용 짧은 소개</span> <span>Vue.js와 Java Spring 기반으로 구축된 삼성전자 DS부문 MIS 프로젝트에 프론트엔드 개발자로 참여하여 기업용 업무 화면과 공통 UI 컴포넌트를 개발했습니다.</span>