Git Product home page Git Product logo

fe-todo's Introduction

fe-todo

ํ˜„๋Œ€์ž๋™์ฐจ๊ทธ๋ฃน ์†Œํ”„ํ‹ฐ์–ด๋ถ€ํŠธ์บ ํ”„ 2๊ธฐ
๊ฐœ๋ฐœ๊ธฐ๊ฐ„: 2023.07.3 ~ 2023.7.5

Team

์˜ค์ง€์€ ์žฅ์˜ˆ๋นˆ
@JeeeunOh @afk0323
์ดํ™”์—ฌ์ž๋Œ€ํ•™๊ต ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ ํ•œ๊ตญํ•ญ๊ณต๋Œ€ํ•™๊ต ์†Œํ”„ํŠธ์›จ์–ดํ•™๊ณผ

Pair programming Rule

  • 10๋ถ„๋งˆ๋‹ค ๊ต๋Œ€ํ•œ๋‹ค.
  • 4๋ฒˆ์˜ ๊ต๋Œ€ ํ›„์—๋Š” ์ž ๊น ํœด์‹ํ•œ๋‹ค.
  • ์„œ๋กœ์˜ ์ƒ๊ฐ์„ ํ† ๋Œ€๋กœ ์ฝ”๋“œ๋ฅผ ์งœ๋„๋กํ•œ๋‹ค.
  • ์˜๊ฒฌ์ด ์žˆ์œผ๋ฉด ํ”ผ๋“œ๋ฐฑํ•˜๋ฉด์„œ ์ง„ํ–‰ํ•œ๋‹ค.

Directory ๐Ÿˆ

โ”œโ”€โ”€ README.md : ๋ฆฌ๋“œ๋ฏธ ํŒŒ์ผ
โ”œโ”€โ”€ grade.js : ์‹œ์ž‘ ํŒŒ์ผ
โ”œโ”€โ”€ todos.js : ์ €์žฅ ํŒŒ์ผ
โ”œโ”€โ”€ module.js : ํ•จ์ˆ˜ ํŒŒ์ผ
โ”œโ”€โ”€ constant.js : ์ƒ์ˆ˜ ํŒŒ์ผ

๐Ÿ“Œ addTodo(name, tag)

์ฃผ์š” ๊ธฐ๋Šฅ

  • ํ•  ์ผ์˜ ์ƒํƒœ๋Š” todo, done, doing์ด๋‹ค.
  • ์ƒˆ๋กœ ์ถ”๊ฐ€ํ•œ ํ•  ์ผ์˜ ์ƒํƒœ๋Š” todo๋กœ ์ƒ์„ฑ๋œ๋‹ค.
  • ํ•  ์ผ์˜ id๋Š” 1๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ 1์”ฉ ์ฆ๊ฐ€ํ•œ๋‹ค.

์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ๊ฐ™์€ ์ด๋ฆ„์„ ๊ฐ€์ง„ ํ•  ์ผ์ด ์ด๋ฏธ ์กด์žฌํ•  ๋•Œ :

    ๊ฐ™์€ ์ด๋ฆ„์„ ๊ฐ€์ง„ TODO๊ฐ€ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.
    
  • ํƒœ๊ทธ ํ˜•์‹์„ ์ง€ํ‚ค์ง€ ์•Š์•˜์„ ๋•Œ :

    ํƒœ๊ทธ ํ˜•์‹์„ ์ง€์ผœ์„œ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    ---------------------- TODO ๋ฆฌ์ŠคํŠธ ์„ค๋ช…์„œ ----------------------
    
    > todo ์ถ”๊ฐ€ํ•˜๊ธฐ
    add$์ œ๋ชฉ$[tag1, tag2...] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ญ์ œํ•˜๊ธฐ
    delete$[์‚ญ์ œํ•  id] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์—…๋ฐ์ดํŠธํ•˜๊ธฐ
    update$[id]$[status] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ดํŽด๋ณด๊ธฐ
    show$all || show$todo || show$doing || show$done ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    -----------------------------------------------------------------
    

๊ณตํ†ต์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ์ž…๋ ฅํ•˜์ง€ ์•Š์•˜์„ ๋•Œ

    ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ๋ชจ๋‘ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    ---------------------- TODO ๋ฆฌ์ŠคํŠธ ์„ค๋ช…์„œ ----------------------
    
    > todo ์ถ”๊ฐ€ํ•˜๊ธฐ
    add$์ œ๋ชฉ$[tag1, tag2...] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ญ์ œํ•˜๊ธฐ
    delete$[์‚ญ์ œํ•  id] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์—…๋ฐ์ดํŠธํ•˜๊ธฐ
    update$[id]$[status] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ดํŽด๋ณด๊ธฐ
    show$all || show$todo || show$doing || show$done ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    -----------------------------------------------------------------
    

๐Ÿ“Œ deleteTodo(id)

์ฃผ์š” ๊ธฐ๋Šฅ

  • filter๋กœ ํ•ด๋‹น id์˜ ํ•  ์ผ์„ todos์—์„œ ์‚ญ์ œํ•œ๋‹ค.

์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ํ•ด๋‹นํ•˜๋Š” ํ•  ์ผ์˜ id๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๋•Œ :

    ํ•ด๋‹น id๋ฅผ ๊ฐ€์ง„ TODO๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
    

๊ณตํ†ต์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ์ž…๋ ฅํ•˜์ง€ ์•Š์•˜์„ ๋•Œ

    ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ๋ชจ๋‘ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    ---------------------- TODO ๋ฆฌ์ŠคํŠธ ์„ค๋ช…์„œ ----------------------
    
    > todo ์ถ”๊ฐ€ํ•˜๊ธฐ
    add$์ œ๋ชฉ$[tag1, tag2...] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ญ์ œํ•˜๊ธฐ
    delete$[์‚ญ์ œํ•  id] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์—…๋ฐ์ดํŠธํ•˜๊ธฐ
    update$[id]$[status] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ดํŽด๋ณด๊ธฐ
    show$all || show$todo || show$doing || show$done ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    -----------------------------------------------------------------
    

๐Ÿ“Œ updateTodo(id, status)

์ฃผ์š” ๊ธฐ๋Šฅ

  • findIndex๋กœ ํ•ด๋‹น id์˜ todo๋ฅผ ์ฐพ์•„์„œ ์ƒํƒœ๋ฅผ ์—…๋ฐ์ดํŠธํ•œ๋‹ค.

์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ํ•ด๋‹นํ•˜๋Š” ํ•  ์ผ์˜ id๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์„ ๋•Œ :

    ํ•ด๋‹น id๋ฅผ ๊ฐ€์ง„ TODO๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
    
  • ์ƒํƒœ๋ฅผ todo, doing, done์œผ๋กœ ์ž…๋ ฅํ•˜์ง€ ์•Š์•˜์„ ๋•Œ :

    status๋Š” todo, doing, done ์ค‘ ํ•˜๋‚˜๋งŒ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
    
  • ํ˜„์žฌ ํ•  ์ผ์˜ ์ƒํƒœ์™€ ๋™์ผํ•œ status๋ฅผ ์ž…๋ ฅํ–ˆ์„ ๋•Œ :

    ์ด๋ฏธ ํ•ด๋‹น status ์ž…๋‹ˆ๋‹ค.
    

๊ณตํ†ต์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ์ž…๋ ฅํ•˜์ง€ ์•Š์•˜์„ ๋•Œ

    ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ๋ชจ๋‘ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    ---------------------- TODO ๋ฆฌ์ŠคํŠธ ์„ค๋ช…์„œ ----------------------
    
    > todo ์ถ”๊ฐ€ํ•˜๊ธฐ
    add$์ œ๋ชฉ$[tag1, tag2...] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ญ์ œํ•˜๊ธฐ
    delete$[์‚ญ์ œํ•  id] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์—…๋ฐ์ดํŠธํ•˜๊ธฐ
    update$[id]$[status] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ดํŽด๋ณด๊ธฐ
    show$all || show$todo || show$doing || show$done ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    -----------------------------------------------------------------
    

๐Ÿ“Œ showTodo(status)

์ฃผ์š” ๊ธฐ๋Šฅ

  • ๊ฐ๊ฐ์˜ todo, doing, done ์ƒํƒœ์— ๋ช‡๊ฐœ์˜ ์š”์†Œ๋“ค์ด ์žˆ๋Š”์ง€ ๊ฐœ์ˆ˜๋ฅผ ๋ณด์—ฌ์ค€๋‹ค.
  • ํ•ด๋‹น ์ƒํƒœ์— ์†ํ•˜๋Š” ์š”์†Œ์˜ ์ด ๊ฐœ์ˆ˜์™€ ์ด๋ฆ„, id๋ฅผ ๋ณด์—ฌ์ค€๋‹ค.

๊ณตํ†ต์˜ˆ์™ธ์ฒ˜๋ฆฌ

  • ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ์ž…๋ ฅํ•˜์ง€ ์•Š์•˜์„ ๋•Œ

    ๋ช…๋ น์–ด์— ํ•„์š”ํ•œ ์ธ์ž๋ฅผ ๋ชจ๋‘ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    ---------------------- TODO ๋ฆฌ์ŠคํŠธ ์„ค๋ช…์„œ ----------------------
    
    > todo ์ถ”๊ฐ€ํ•˜๊ธฐ
    add$์ œ๋ชฉ$[tag1, tag2...] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ญ์ œํ•˜๊ธฐ
    delete$[์‚ญ์ œํ•  id] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์—…๋ฐ์ดํŠธํ•˜๊ธฐ
    update$[id]$[status] ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    > todo ์‚ดํŽด๋ณด๊ธฐ
    show$all || show$todo || show$doing || show$done ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.
    
    -----------------------------------------------------------------
    

fe-todo's People

Contributors

crongro avatar afk0323 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.