πŸ“¦ SeolJaeHyeok / My-shopping-mall

Common Shopping Mall using only Vanila JavaScript

β˜… 0 stars β‘‚ 0 forks πŸ‘ 0 watching
My-shopping-mall
πŸ“₯ Clone https://github.com/SeolJaeHyeok/My-shopping-mall.git
HTTPS git clone https://github.com/SeolJaeHyeok/My-shopping-mall.git
SSH git clone git@github.com:SeolJaeHyeok/My-shopping-mall.git
CLI gh repo clone SeolJaeHyeok/My-shopping-mall
ZIP Desktop VS Code
Jaehyeok Jaehyeok Hotfix: μΆ”μ²œ μƒν’ˆ κ²ΉμΉ˜λŠ” 버그 fix 35d7de1 3 years ago πŸ“ History
πŸ“‚ 35d7de1b6ce0ff80d7002819af0f8b8df1ca692c View all commits β†’
πŸ“ src
πŸ“„ .DS_Store
πŸ“„ .env
πŸ“„ .eslintrc.js
πŸ“„ .gitignore
πŸ“„ babel.config.json
πŸ“„ index.js
πŸ“„ package-lock.json
πŸ“„ package.json
πŸ“„ README.md
πŸ“„ README.md

μ‡Όν•‘λͺ° μ›Ή μ„œλΉ„μŠ€ ν”„λ‘œμ νŠΈ

μ œν’ˆλ“€μ„ μ‘°νšŒν•˜κ³ , μž₯λ°”κ΅¬λ‹ˆμ— μΆ”κ°€ν•˜κ³ , 또 주문을 ν•  수 μžˆλŠ” μ‡Όν•‘λͺ° μ›Ή μ„œλΉ„μŠ€ μ œμž‘ ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.
μ›Ή κ΅¬ν˜„ μ˜ˆμ‹œ (λ§ν¬λŠ” ν”„λ‘œμ νŠΈ κΈ°κ°„μ—λ§Œ μœ νš¨ν•©λ‹ˆλ‹€)

http://shopping-demo.elicecoding.com/


** 핡심 κΈ°λŠ₯은 ν•˜κΈ°μž…λ‹ˆλ‹€. (이외에도 더 있으며, μΆ”κ°€ μ•ˆλ‚΄ 될 ν”„λ‘œμ νŠΈ ν‰κ°€κΈ°μ€€ν‘œμ—μ„œ ꡬ체화될 μ˜ˆμ •μž…λ‹ˆλ‹€.)

  • νšŒμ›κ°€μž…, 둜그인, νšŒμ›μ •λ³΄ μˆ˜μ • λ“± μœ μ € 정보 κ΄€λ ¨ CRUD
  • μ œν’ˆ λͺ©λ‘μ„ 쑰회 및, μ œν’ˆ 상세 정보λ₯Ό 쑰회 κ°€λŠ₯함.
  • μž₯λ°”κ΅¬λ‹ˆμ— μ œν’ˆμ„ μΆ”κ°€ν•  수 있으며, μž₯λ°”κ΅¬λ‹ˆμ—μ„œ CRUD μž‘μ—…μ΄ κ°€λŠ₯함.
  • μž₯λ°”κ΅¬λ‹ˆλŠ” μ„œλ²„ DBκ°€ μ•„λ‹Œ, ν”„λ‘ νŠΈ λ‹¨μ—μ„œ μ €μž₯ 및 관리됨 (localStorage, indexedDB λ“±)
  • μž₯λ°”κ΅¬λ‹ˆμ—μ„œ 주문을 μ§„ν–‰ν•˜λ©°, μ£Όλ¬Έ μ™„λ£Œ ν›„ 쑰회 및 μ‚­μ œκ°€ κ°€λŠ₯함.

μ£Όμš” μ‚¬μš© 기술

1. ν”„λ‘ νŠΈμ—”λ“œ

  • Vanilla javascript, html, css (Bulma css)
  • Font-awesome
  • Daum λ„λ‘œλͺ… μ£Όμ†Œ api
  • 이외

2. λ°±μ—”λ“œ

  • Express (nodemon, babel-node둜 μ‹€ν–‰λ©λ‹ˆλ‹€.)
  • Mongodb, Mongoose
  • cors
  • 이외

폴더 ꡬ쑰

  • ν”„λ‘ νŠΈ: src/views 폴더
  • λ°±: src/views 이외 폴더 전체
  • μ‹€ν–‰: ν”„λ‘ νŠΈ, λ°± λ™μ‹œμ—, express둜 μ‹€ν–‰

μ„€μΉ˜ 방법

  • .env 파일 μ„€μ • (MONGODB_URL ν™˜κ²½λ³€μˆ˜λ₯Ό, 개인 둜컬 ν˜Ήμ€ Atlas μ„œλ²„ URL둜 μ„€μ •ν•΄μ•Ό 함)
  • express μ‹€ν–‰
# npm 을 μ“°λŠ” 경우 
npm install
npm run start

# yarn 을 μ“°λŠ” 경우
yarn
yarn start


λ³Έ ν”„λ‘œμ νŠΈμ—μ„œ μ œκ³΅ν•˜λŠ” λͺ¨λ“  μ½”λ“œ λ“±μ˜λŠ” μ €μž‘κΆŒλ²•μ— μ˜ν•΄ λ³΄ν˜Έλ°›λŠ” γˆœμ—˜λ¦¬μŠ€μ˜ μžμ‚°μ΄λ©°, 무단 μ‚¬μš© 및 λ„μš©, 볡제 및 배포λ₯Ό κΈˆν•©λ‹ˆλ‹€. CopyrightΒ 2022Β μ—˜λ¦¬μŠ€ Inc. All rights reserved.