kooku0 / TodoList

πŸ“‘πŸ—“ νˆ¬λ‘λ¦¬μŠ€νŠΈ κ΅¬ν˜„ (react + node.js + mongoDB) μš°μ„ μˆœμœ„, 마감일, 마감 μ•ŒλžŒ, μ‚­μ œ, μˆ˜μ •, μ™„λ£Œ

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TodoList

ν”„λ‘ νŠΈμ•€λ“œ: React.js λ°±μ•€λ“œ: Node.js DB: MongoDB

μš”κ΅¬μ‚¬ν•­

  • κΈ°λŠ₯ μš”κ΅¬μ‚¬ν•­
    • μƒˆλ‘œμš΄ TODO(제λͺ©κ³Ό λ‚΄μš©)λ₯Ό μž‘μ„±ν•  수 μžˆλ‹€.
    • TODO λͺ©λ‘μ„ λ³Ό 수 μžˆλ‹€.
    • TODO ν•­λͺ©μ˜ 제λͺ©κ³Ό λ‚΄μš©μ„ μˆ˜μ •ν•  수 μžˆλ‹€.
    • TODO ν•­λͺ©μ„ μ‚­μ œν•  수 μžˆλ‹€.
    • μ‚¬μš©μžμ˜ 선택에 μ˜ν•΄ TODOμ—λŠ” 마감 κΈ°ν•œμ„ 넣을 수 μžˆλ‹€.
    • TODO ν•­λͺ©μ˜ μš°μ„ μˆœμœ„λ₯Ό μ„€μ • 및 μ‘°μ ˆν•  수 μžˆλ‹€.
    • TODO ν•­λͺ©μ— λŒ€ν•œ μ™„λ£Œ 처리λ₯Ό ν•  수 μžˆλ‹€.
    • λ§ˆκ°κΈ°ν•œμ΄ μ§€λ‚œ TODO에 λŒ€ν•΄ μ•Œλ¦Όμ„ λ…ΈμΆœν•  수 μžˆλ‹€.
  • μ„±λŠ₯ μš”κ΅¬μ‚¬ν•­
    • TODO 이용 μ‹œ λ°œμƒν•˜λŠ” 였λ₯˜ 사항을 μ΅œμ†Œν™”ν•œλ‹€.
    • 였λ₯˜ λ°œμƒ μ‹œ μ‚¬μš©μžκ°€ μ΄ν•΄ν•˜κΈ° μ‰½κ²Œ ν‘œμ‹œν•œλ‹€.
    • λ‹€λ₯Έ μ‚¬λžŒμ΄ 읽기 μ‰¬μš΄ μ½”λ“œλ₯Ό μž‘μ„±ν•œλ‹€.
    • HTML/CSSμ—μ„œ μ‚¬μš©ν•  수 μžˆλŠ” μ΅œμ‹  ꡬ쑰와 κΈ°μˆ μ„ μ‚¬μš©ν•œλ‹€.
  • μΈν„°νŽ˜μ΄μŠ€ μš”κ΅¬μ‚¬ν•­
    • 직관적이고 의미 전달이 λͺ…ν™•ν•œ 화면을 μ‚¬μš©μžμ—κ²Œ μ œκ³΅ν•œλ‹€.

ν”„λ‘ νŠΈμ•€λ“œ

μ‹€ν–‰

$npm install
$npm start

λΉŒλ“œ

$npm run build

λ°±μ•€λ“œ

λ¨Όμ € mongoDBλ₯Ό μ‹€ν–‰μ‹œμΌœμ•Ό ν•œλ‹€. mongodb://localhost:27017

μ‹€ν–‰

$npm install
$npm start

RESULT

About

πŸ“‘πŸ—“ νˆ¬λ‘λ¦¬μŠ€νŠΈ κ΅¬ν˜„ (react + node.js + mongoDB) μš°μ„ μˆœμœ„, 마감일, 마감 μ•ŒλžŒ, μ‚­μ œ, μˆ˜μ •, μ™„λ£Œ


Languages

Language:JavaScript 81.8%Language:CSS 13.1%Language:HTML 5.2%