다이소 재고 검색 웹 애플리케이션

이 프로젝트는 다이소 매장의 재고를 쉽게 검색할 수 있는 단일 페이지를 제공합니다.

기능

• 품번으로 특정 상품의 재고 검색
• 사용자 위치 기반 주변 매장 검색
• 키워드로 매장 검색
• 선택한 매장의 특정 상품 재고 확인

기술 스택

• Frontend: HTML, CSS, JavaScript
• Backend: Node.js, Express
• API: 다이소 웹사이트 API

설치 방법

1. 저장소를 클론합니다:

   git clone [저장소 URL]
   

2. 프로젝트 디렉토리로 이동합니다:

   cd daisomallSearch
   

3. 필요한 패키지를 설치합니다:

   npm install
   

4. .env 파일을 생성하고 필요한 환경 변수를 설정합니다:

   PORT=3000
   

실행 방법

1. 다음 명령어로 애플리케이션을 실행합니다:

   npm start
   

2. 웹 브라우저에서 http://localhost:8000으로 접속합니다.

사용 방법

1. 품번 입력 필드에 검색하고자 하는 상품의 품번을 입력합니다.
2. '내 주변 매장 검색' 또는 '매장 키워드 검색' 탭을 선택합니다.
3. 주변 매장 검색 시 위치 정보 제공에 동의합니다.
4. 키워드 검색 시 원하는 매장 키워드를 입력합니다.
5. 검색 결과에서 각 매장의 재고 정보를 확인합니다.

proxy

• 브라우저에서는 보안상 CORS 설정을 할 수 없기에, 프록시 서버를 하나 띄워 활용합니다.

기타

• 다이소의 API가 변경될 경우 정상적으로 작동하지 않을 수 있습니다.