프로젝트 소개
이것저것 잡다하게 섞여있는 중고 마켓은 피곤할 때 !
개인별 취향에 맞는 아이템만 모아둔 오픈 마켓
주요 기능
•
홈 & 상품 상세 보기 / 카테고리별 상품 목록 & 정렬
•
회원가입 / 로그인 & 로그아웃
•
개인 정보 수정 - 닉네임 수정 / 비밀번호 수정
•
(일반 계정) 장바구니 추가 / 수량 수정 & 항목 삭제
•
(일반 계정) 장바구니에서 주문 & 결제 / 상품 페이지에서 바로 주문 & 결제
•
(일반 계정) 주문 내역 & 주문 상세 내역 & 주문 취소
•
(판매 계정) 판매 등록 / 수정 & 삭제
•
(판매 계정) 판매 내역 & 판매 상태 변경
기술 스택
•
UI 프레임워크 - React
◦
설명: 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 선언적이고 효율적이며 유연하며, 컴포넌트 기반 아키텍처를 제공합니다.
◦
선택 이유: 빠르고 효율적인 UI 개발을 위해 선택하였고, 가상 DOM을 이용해 실제 DOM의 수정을 최소화하여 성능 또한 향상시킬 수 있습니다. 타 프레임워크에 비해 유연하고, 강력한 커뮤니티의 지원과 높은 호환성에 강점이 있습니다.
•
프로그래밍 언어: TypeScript
◦
설명: JavaScript에 정적 타입을 추가한 언어로, 대규모 애플리케이션 개발에 적합합니다.
◦
선택 이유: 타입 시스템을 통한 코드의 안정성과 유지보수성이 뛰어나며, 대규모 프로젝트와 팀 작업에 적합합니다. 오류를 빠르게 발견하고 디버깅할 수 있어 개발 효율성을 높입니다.
•
빌드 툴: Vite
◦
설명: 프론트엔드 프로젝트를 위한 빌드 도구로, 빠른 핫 모듈 교체(HMR)와 빠른 콜드 스타트를 제공합니다.
◦
선택 이유: 전통적인 번들러보다 개발 중에 페이지 리로드가 훨씬 빠르며, ES 모듈을 이용한 즉시 실행으로 개발 속도를 대폭 향상시킵니다. 간단한 설정과 빠른 성능으로 개발 경험을 개선합니다.