πΆ κ³΅μ° μ 보λ₯Ό νλμ! μ§λμμ μ½κ² μ°Ύμλ³Ό μ μλ μΉ μλΉμ€ πΆ
μ΄ νλ‘μ νΈλ κ³΅μ° μ 보λ₯Ό μ§λμμ μ½κ² κ²μνκ³ νμΈν μ μλλ‘ κ΅¬μ±λ μΉ μ ν리μΌμ΄μ
μ
λλ€.
μ¬μ©μλ μ§λμμ νμ ν΄λ¦νμ¬ κ³΅μ° μ 보λ₯Ό νμΈν μ μμΌλ©°, κ³΅μ° μ 보 λ±λ‘ λ° λ¦¬λ·° μμ± λ±μ κΈ°λ₯λ μ§μν©λλ€.
β
κ³΅μ° μ 보λ₯Ό μ§λμμ νλμ μ‘°ν
β
μ¬μ©μκ° κ³΅μ°μ λ±λ‘νκ³ κ΄λ¦¬ κ°λ₯
β
νλ‘ νΈμλμ λ°±μλ APIλ₯Ό μ°κ³νμ¬ λ°μ΄ν° μ 곡
Frontend: React, TypeScript, Axios, Tailwind CSS, React Router, React Query
Backend: Node.js, Express, MongoDB, Mongoose, JWT (λ‘κ·ΈμΈ)
Database: MongoDB Atlas
Cloud & Deployment: GitHub Actions, Render
1οΈβ£ μμ΄λμ΄ κ΅¬μ (μλ£)
2οΈβ£ νλ‘ νΈμλκ° UIλ₯Ό λΉ λ₯΄κ² ꡬν
3οΈβ£ νλ‘ νΈμλμμ UI κΈ°λ°μΌλ‘ API λͺ
μΈμ μμ±
4οΈβ£ λ°±μλκ° API λͺ
μΈμ κΈ°λ°μΌλ‘ κ°λ° μ§ν
5οΈβ£ νλ‘ νΈμλ & λ°±μλ μ°κ²° λ° μ΅μ ν
π‘ μΌλ°μ μΈ κ°λ° νλ‘μΈμ€μμλ νΌκ·Έλ§(Figma)λ‘ νλ μμ λ§λ€κ³ API λͺ μΈμλ₯Ό ν¨κ» μμ±ν ν κ°λ°μ μ§ννμ§λ§, ν΄μ»€ν€ νΉμ±μ UIλ₯Ό λ¨Όμ κ°λ°νλ©΄μ API λͺ μΈμλ₯Ό λμμ λ§λ€κ³ μμ μ λΉ λ₯΄κ² μ§νν©λλ€.
β
κ³΅μ° μ 보λ₯Ό μ§λμ νμΌλ‘ νμ
β
κ³΅μ° μμΈ νμ΄μ§μμ μ 보 νμΈ
β
κ³΅μ° λ±λ‘ κΈ°λ₯
β
κ³΅μ° μ’μμ νμΈ
β
κ³΅μ° λ°μ΄ν° CRUD (Create, Read, Update, Delete)
β
MongoDBμμ κ³΅μ° λ°μ΄ν° μ‘°ν
β
μ¬μ©μ λ‘κ·ΈμΈ & μΈμ¦ (JWT κΈ°λ°)
β
곡μ°λ³ 리뷰 μμ± κΈ°λ₯ μΆκ° μμ
performance-map
βββ frontend/ # νλ‘ νΈμλ (React)
β βββ src/
β βββ public/
β βββ package.json
β βββ README.md
β βββ ...
β
βββ backend/ # λ°±μλ (Node.js + Express)
β βββ models/ # MongoDB λͺ¨λΈ
β βββ routes/ # API λΌμ°νΈ
β βββ controllers/ # λΉμ¦λμ€ λ‘μ§
β βββ config/ # νκ²½ λ³μ μ€μ
β βββ server.js
β βββ package.json
β βββ README.md
β βββ ...
β
βββ README.md # νλ‘μ νΈ μ€λͺ



