Kwon ye kyeong

.gitignore

@@ -0,0 +1,46 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# dependencies
+**/node_modules
+# testing
+**/coverage
+# production
+**/build
+# misc
+**/.DS_Store
+npm-debug.log*
+**/yarn-debug.log*
+**/yarn-error.log*
+# Created by https://www.toptal.com/developers/gitignore/api/webstorm
+# Edit at https://www.toptal.com/developers/gitignore?templates=webstorm
+### WebStorm ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+.idea/**/*.xml
+.idea/**/*.iml
+# Generated files
+.idea/**/contentModel.xml
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+# Sonarlint plugin
+.idea/**/sonarlint/
+# SonarQube Plugin
+.idea/**/sonarIssues.xml
+# Markdown Navigator plugin
+.idea/**/markdown-navigator.xml
+.idea/**/markdown-navigator-enh.xml
+.idea/**/markdown-navigator/
+# Cache file creation bug
+# See https://youtrack.jetbrains.com/issue/JBR-2257
+.idea/$CACHE_FILE$

static/src/component/board/card/index.jsx

@@ -3,13 +3,14 @@ import Task from "../task";
 import '../../../css/Card.css';
 
 function Card(props) {
-    const {subject, tasks, move} = props;
+    const {subject, tasks, move, remove} = props;
     return (
         <div className='card'>
             <div className='title'>{subject}</div>
             {
                 tasks.map(task => {
-                    return <Task key={task.id} title={task.title} subject={subject} id={task.id} move={move}/>
+                    return <Task key={task.id} title={task.title} priority={task.priority} assignee={task.assignee}
+                                 subject={subject} id={task.id} created={task.created} move={move} remove={remove}/>
                 })
             }
 

static/src/component/board/task/index.jsx

@@ -5,22 +5,27 @@ import {isDone, isTodo, toToggledValue} from "../../../utility/status";
 import Button from "../../atom/Button";
 
 function Task(props) {
-    const {title, subject, id, move} = props;
+    const {title, subject, id, priority, assignee, created, move, remove} = props;
     const onClick = (event) => {
         event.stopPropagation();
         const toggledValue = toToggledValue(subject);
         move(id, toggledValue);
     };
+    function handle(event) {
+        remove(id);
+    }
 
     return (
         <div className='task'>
             {
                 isTodo(subject) && <Button className='task-left-btn' onClick={onClick} value='>'/>
             }
-            {title}
+            {title} {String(priority)+'순위'} <br/>
+            {assignee} {created}
             {
                 isDone(subject) && <Button className='task-right-btn' onClick={onClick} value='<'/>
             }
+            <Button className='task-remove-btn' onClick={handle} value='X'/>
         </div>
     );
 }

static/src/page/Board.jsx

@@ -5,6 +5,7 @@ import '../css/Board.css';
 import moveTo from "../service/moveTo";
 import {Link} from "react-router-dom";
 import {toName, toToggleName} from '../utility/status';
+import deleteCard from "../service/deleteCard";
 
 function Board() {
     const [cards, updateCards] = useState({});
@@ -25,19 +26,64 @@ function Board() {
             const changedStatus = toName(result.status);
             cards[changedStatus].push(result);
 
+            // case 1:
+            // const changedCards = await getCards();
+            // updateCards({
+            //     todo: changedCards.todo,
+            //     done: changedCards.done
+            // });
+
+            // case 2:
+            cards.todo.sort(function (a, b) {
+                return a.priority-b.priority;
+            });
+            cards.done.sort(function (a, b) {
+                return a.priority-b.priority;
+            });
+
             updateCards({
                 todo: cards.todo,
                 done: cards.done
             });
         }
     };
+    function remove(id) {
+        const todo = cards.todo;
+        const done = cards.done;
+
+        let index = todo.findIndex((value) => {
+            return value.id === id;
+        });
+        if(index!==-1) {
+            todo.splice(index, 1);
+            const isSuccesses = deleteCard(id);
+            if (!isSuccesses) {
+                alert('NotFound(todo)');
+            }
+        }
+        else{
+            index = done.findIndex((value) => {
+                return value.id === id;
+            });
+            done.splice(index, 1);
+            const isSuccesses = deleteCard(id);
+            if (!isSuccesses) {
+                alert('NotFound(done)');
+            }
+        }
+
+        updateCards({
+            "todo": cards.todo,
+            "done": cards.done
+        });
+    }
 
     return (
         <div className='board'>
             <div className='board-list'>
                 {
                     Object.entries(cards).map(([subject, tasks]) => {
-                        return <Card key={subject} subject={subject} tasks={tasks} move={move}/>;
+                        return <Card key={subject} subject={subject} tasks={tasks} move={move} remove={remove}/>;
                     })
                 }
             </div>