Albeobsa - Front

소개

"알법사"는 '알뜰 마법사'의 줄임말로, 고물가 시대에 소비자들의 현명한 소비를 돕기 위해 탄생한 서비스입니다. '알뜰 마법사'는 마법처럼 간편하게 최저가 상품을 찾아줍니다. 바로가기

술로건

고물가 시대에 스마트한 쇼핑, 최저가로 현명하게

스크립트

• dev: next dev
• build: next build
• start: next start
• lint: next lint

의존성 (Dependencies)

• @emotion/css: ^11.11.2
• @emotion/react: ^11.11.4
• @emotion/server: ^11.11.0
• @emotion/styled: ^11.11.5
• axios: ^1.7.2
• next: ^14.2.3
• react: ^18
• react-dom: ^18
• react-quill: ^2.0.0

개발 의존성 (DevDependencies)

• @types/axios: ^0.14.0
• @types/node: ^20
• @types/react: ^18
• @types/react-dom: ^18
• typescript: ^5

1.2. 기술 스택

카테고리	사용된 라이브러리
JavaScript	JavaScript ES6
Next.js	14.2.3
React	18.2.0
React DOM	18.2.0
스타일링	@emotion/css, @emotion/react, @emotion/server, @emotion/styled
리치 텍스트 에디터	react-quill 2.0.0
HTTP 클라이언트	axios 1.7.2
TypeScript	5.0.0
타입 정의	@types/axios, @types/node, @types/react, @types/react-dom
린팅	next lint
개발 서버	next dev
빌드 도구	next build
프로덕션 서버	next start

실행 방법

1. 레포지토리 클론:

   git clone https://github.com/jijijig/albeobsa-Front
   cd albeobsa

2. 의존성 설치:

   npm install

3. 개발 서버 시작:

   npm run dev

   개발 서버는 기본적으로 http://localhost:3000에서 실행됩니다.

4. 프로덕션 빌드 및 시작:

   npm run build
   npm start

   프로덕션 서버는 기본적으로 http://localhost:3000에서 실행됩니다.