프로젝트 상세

메인으로 돌아가기

프로젝트 목록

온라인 쇼핑몰 리뉴얼 프로젝트

기간: 2023년 5월 - 2023년 10월

기술 스택: React, Redux, Sass, Node.js, Elasticsearch

개요: 기존의 노후된 쇼핑몰 프론트엔드 시스템을 React.js 기반의 최신 SPA(Single Page Application)로 전면 재구축하여 사용자 경험과 성능을 대폭 개선했습니다. 반응형 디자인을 적용하여 모든 기기에서 최적의 화면을 제공합니다.

주요 역할 및 성과:

  • 상태 관리 아키텍처 설계: Redux와 Redux Toolkit을 사용하여 전역 상태 관리 시스템을 설계하고, 데이터 흐름의 일관성을 확보했습니다.
  • 컴포넌트 기반 UI 개발: 재사용 가능한 UI 컴포넌트를 50개 이상 개발하여 개발 효율성을 30% 향상시켰습니다.
  • 성능 최적화: Webpack 번들 분석을 통해 초기 로딩 시간을 2초 단축했으며, 코드 스플리팅을 적용하여 페이지 전환 속도를 개선했습니다.
  • 검색 기능 고도화: Elasticsearch와 연동하여 실시간 상품 검색 및 자동 완성 기능을 구현했습니다.

GitHub Repository | 라이브 데모

개인 블로그 시스템 개발

기간: 2021년 1월 - 2021년 4월

기술 스택: Vue.js, Vuex, Node.js (Express), MongoDB

개요: Vue.js와 Node.js를 이용한 풀스택 개인 블로그 플랫폼을 개발했습니다. 마크다운 에디터, 댓글 기능, 사용자 인증 등 블로그의 핵심 기능을 모두 직접 구현하며 풀스택 개발 역량을 강화했습니다.

주요 역할 및 성과:

  • 풀스택 아키텍처 설계: Vue.js 프론트엔드와 Node.js/Express 백엔드, MongoDB 데이터베이스로 구성된 전체 시스템을 직접 설계하고 구축했습니다.
  • 사용자 인증 시스템: JWT(JSON Web Token)를 이용한 토큰 기반 인증 시스템을 구현하여 보안을 강화했습니다.
  • 콘텐츠 관리 시스템 (CMS): 관리자 전용 페이지에서 게시글, 댓글, 사용자 정보를 효율적으로 관리할 수 있는 CRUD 기능을 구현했습니다.

GitHub Repository