할 일 목록

A to-do list is a thinking tool, not just storage

The value of a task list isn't remembering — it's deciding. Writing a task down frees your working memory and forces you to phrase the work as a concrete action. This tool supports that by giving each task three useful attributes: a priority (high, medium, low), an optional due date, and a done/not-done state. Those attributes only earn their keep when you use them to sort and filter, which is where most list apps quietly help you make better decisions about what to do next. Everything you enter is saved to your browser's localStorage, so your list persists across reloads and stays entirely on your device — nothing is uploaded or synced to a server.

How filtering and sorting actually behave

The two controls do different jobs. Filtering (All / Active / Done) hides tasks that don't match a state without changing their order — handy for clearing visual noise when you just want to see what's left. Sorting reorders the visible tasks: "Created" keeps your original sequence, "Priority" pushes high-priority items to the top, and "Due Date" lists the soonest deadlines first, placing tasks with no due date at the end. A subtle but important detail: sorting is a view, not a permanent change. Drag-and-drop reordering, on the other hand, does rewrite the underlying order — so reordering by hand only sticks while you're sorted by "Created." If you reorder while sorted by priority, the manual order won't be what you see next time.

A concrete workflow

Say you add five tasks during a morning brain-dump. Tag the two non-negotiables as high, give the others medium or low, and put dates on the two that have real deadlines. Now sort by Priority to confirm your top two are genuinely the most important, then switch to Due Date to catch anything time-sensitive hiding under a low priority. As you work, tick items off; the stat cards at the top update live to show total, active, and done counts. At the end of the day, filter to Done for a quick sense of progress, then hit "Clear completed" to reset the list for tomorrow. The double-click-to-edit feature lets you sharpen a vague task in place without deleting and re-adding it.

Common use cases

• Daily planning — a short, sortable list of today's actions, cleared each evening.
• Project task tracking — break a goal into steps, prioritize, and reorder as the plan firms up.
• Shopping or packing lists — the checkbox and "Active" filter make it easy to see what's left.
• Deadline management — assign due dates and sort by them to keep the nearest deadline in view.

Practical tips

• Phrase tasks as verbs. "Draft email to vendor" beats "Vendor" — a clear next action is far easier to start than a vague topic.
• Reserve high priority for genuinely few items. If everything is high, nothing is. Keeping the high bucket small makes the priority sort meaningful.
• Use due dates sparingly and honestly. A date you don't intend to meet trains you to ignore dates. Put real deadlines in, and let "Due Date" sort surface them.
• Double-click to refine. When a task turns out to be bigger than it looked, edit it in place to a smaller first step rather than leaving an intimidating blob.

Common mistakes and pitfalls

• Expecting it on every device. Because the list lives in one browser's storage, it won't appear on your phone or another computer. It's a single-device tool by design.
• Clearing browser data. Wiping site data or using a private window that you then close will erase the list — there's no cloud copy to restore from.
• Reordering while sorted. Manual drag order is only preserved under the "Created" sort. Reorder there if you want a custom sequence to stick.
• Letting the list grow without pruning. A to-do list that never gets cleared becomes a graveyard you stop reading. Use "Clear completed" regularly so the list stays a live picture of what's actually left.