📘 ecoTask 도움말

GTD(Getting Things Done) 일처리 기법 기반의 개인용 할일 관리 앱.
원본 ecoTask MyJob ToDo (개발자: 삼정) 의 워크플로우를 웹앱으로 재구성하고 멀티 디바이스 동기화를 추가한 버전.

개요와 사용 철학

"머릿속에 둥둥 떠다니는 일거리들" 을 모두 한 군데에 적어두고, 그 다음에 분류·결정·실행하는 방식. 머리는 "기억하기" 가 아니라 "생각하기" 에 쓰자는 것이 GTD 의 핵심.

💡 가장 자주 쓰는 기능: 메모에 Alt+T 로 타임스탬프 찍고 그 옆에 한 줄씩 기록하는 일지 형태. 본인이 한 일/들은 말/결정 사항을 시간 순으로 누적하면 일이 어디까지 진행됐는지 한눈에 보임.

화면 구성

좌측 사이드바: 메뉴 (오늘/수집함/대기중/언젠가어쩌면/참고항목/전체/완료/갤러리), 프로젝트 목록, 태그 목록, 사용량 위젯
중앙 리스트: 선택한 view 의 task 목록 + 빠른 입력창
우측 디테일: 선택한 task 의 제목/메모/메타데이터/서브태스크/첨부/알람

3대 디바이스 동기화

회사·집·휴대폰 어디서 켜도 같은 데이터. Cloudflare 클라우드 DB(D1) 위에서 동작하므로 별도 동기화 작업 불필요.

하루 사용 흐름 (추천)

아침 5분: 오늘 view 를 열어 미완료 task 훑어보기. 우선순위 결정.
일하면서: 떠오르는 일거리는 Ctrl+N → 일단 수집함 (INBOX) 에 던지기 (분류는 나중에).
일이 진행될 때마다: 해당 task 의 메모에 Alt+T → 진행 상황 한 줄 기록.
퇴근 전 5분: 수집함 가서 새로 모인 항목을 분류 (다음행동/대기중/언젠가/참고/삭제) 하고 비우기.
주말: 완료 view 에서 이번 주 한 일 확인 (성취감 + 다음 주 계획 자료).

수집함과 빠른 입력

일거리가 떠오를 때마다 분류·계획 안 하고 일단 수집함 으로 던지는 곳. "머릿속 비우기" 가 목적.

빠른 입력

중앙 상단의 입력칸에 제목 적고 Enter
다른 화면에서도 Ctrl+N 으로 입력칸 포커스
현재 view 에 따라 자동 분류:
- 오늘/수집함/전체 에서 입력 → 다음행동 (type=1)
- 대기중 에서 입력 → type=2 (대기중)
- 언젠가어쩌면 에서 입력 → type=3
- 참고항목 에서 입력 → type=4
- 특정 프로젝트 view 에서 입력 → 그 프로젝트 안

제목만 적어도 OK. 나중에 그 task 를 클릭해서 메모·날짜·태그·서브태스크 채우면 됨.

GTD 분류 5가지

일거리를 다음 5가지 중 하나로 분류:

분류	의미	예시
▶ 다음행동	지금 즉시 할 수 있는 구체적 행동	"이주임에게 전화해서 견적 확인"
⏳ 대기중	내 손을 떠나서 타인 응답 기다림	"거래처 김부장 회신 대기"
💭 언젠가어쩌면	지금 안 하지만 미래에 할 수도	"독서 모임 만들어 보기"
📚 참고항목	행동 아님, 참고용 정보	"거래처 연락처", "출장 체크리스트"
🗑 휴지통	완료되거나 취소된 항목 (디테일 패널의 🗑 버튼)	—

각각 좌측 사이드바에서 별도 view 로 모아 볼 수 있음. task 디테일 패널 상단 드롭다운에서 분류 변경 가능.

가공 과정 예시

추상적인 "신입사원 환영회 식당 예약" 이라는 항목 → 다음과 같이 구체화:

이 task 자체를 프로젝트로 (큰 일거리)
서브태스크: 식당 후보 3곳 정리 → 가격·예약가부 전화 → 사장님 보고 → 사내 공지
각 서브태스크는 "지금 당장 할 수 있는 구체적 행동" 으로

프로젝트

여러 단계의 일거리가 모이는 그릇. 단일 행동으로 끝나지 않는 "덩어리가 커보이는" 일은 프로젝트로 묶는 게 효과적.

생성

사이드바 ＋ 새 프로젝트 클릭 → 이름 입력
기존 task 의 디테일 패널에서 프로젝트 드롭다운으로 이동

역방향 계획법 (블로그 권장)

프로젝트 메모에 최종 결과물의 모습 부터 적기
마지막 단계 → 그 직전 단계 → ... 역순으로 작성
초기엔 예정일 안 정해도 됨. 검토할 때 결정.

앞으로 할 일 (서브태스크)

한 task 안에 종속된 작은 단계들. 부모 task 가 완료될 때까지 거치는 절차들.

추가

디테일 패널 하단 "앞으로 할 일" 입력칸에 제목 + Enter
Ctrl+S 로 그 칸에 바로 포커스
체크박스로 완료 토글, ✕ 로 개별 삭제
제목 클릭 → 인라인 편집 가능

task 리스트 카드에 "▸ 남음/전체" 배지로 진행도가 보임.

예정일 vs 기한

이 둘은 별개. 헷갈리지 말기.

구분	의미	예시
예정일 (plan)	실제로 처리하려고 마음먹은 날	"이거 화요일에 작업할 예정"
기한 (due)	반드시 끝내야 하는 마감	"1월 15일까지 보고서 제출"

💡 활용 패턴: 기한 있는 일은 일단 기한만 적어두고 (예정일 비워두기) → 주간 검토 때 "이건 화요일에 해야겠다" 식으로 예정일 결정.

task 리스트 카드에는 기한이 빨간색 (지난 것) 또는 회색 (미래) 으로 표시.

반복 task

매일/매주/매월 반복되는 일 (예: 매일 아침 운동, 매주 월요일 보고).

설정

task 열고 디테일 패널의 🔁 반복 없음 버튼 클릭
반복 주기 선택: 매일 / 매주(요일 선택) / 매월(특정 일) / 매년
간격 지정 (예: 매주=1, 격주=2)

동작 방식

반복 설정된 task 를 완료 체크 하면:

현재 task 는 그대로 완료 상태로 남음 (이력 보존)
다음 발생일로 새 task 가 자동 생성됨
"🔁 다음 회차 자동 생성됨 (#N)" 토스트 표시

며칠째 안 빠지고 했는지 완료 view 에서 누적이 보여서 동기부여에 좋음.

알람

특정 시각에 브라우저 알림 (Notification) 으로 알려주는 기능.

추가

task 의 디테일 패널 "알람" 옆 ＋ 추가
날짜·시각 선택 (또는 빠른 버튼: 1시간 뒤 / 3시간 뒤 / 내일 이맘때)
"추가" 클릭

알림이 뜨는 조건

PWA 가 열려 있을 때만 동작 (탭이 백그라운드여도 OK, 완전히 닫혀 있으면 알림 못 받음)
1분마다 polling 으로 체크
처음에 알림 권한 요청 팝업이 뜸 → 허용 필수

⚠️ 모바일에서 PWA 닫혀 있을 때도 알림 받으려면 Web Push 추가 구현 필요 (현재 미지원).

우선순위와 별표

우선순위 (아이젠하워 매트릭스)

우선순위	의미	처리
🔴 1	긴급 + 중요	지금 즉시
🟠 2	긴급 + 안중요	빨리 처리
🟡 3	안긴급 + 중요	집중해서 처리해야 할 영역
⚪ 4	안긴급 + 안중요 (기본)	여유 시간에

task 리스트 카드의 왼쪽 색깔 띠로 표시.

별표 (⭐)

우선순위와 별개로 "오늘 안에 반드시" 같은 추가 강조. 디테일 패널 상단의 ☆/★ 토글. 별표 있는 task 는 리스트에서 위로 올라옴.

태그 4종류

같은 분류로 묶고 싶은 task 들을 한눈에 보기 위한 라벨. 사이드바 ＋ 새 태그 로 추가. 종류는 이름의 첫 글자로 자동 판별:

종류	예시	활용
일반	"김대리", "거래처A"	특정 인물·대상 관련 task 모아 보기
실행환경 (@로 시작)	@사무실, @집, @컴퓨터, @전화, @외부	지금 있는 환경에서 처리 가능한 일 찾기
소요시간 (+로 시작)	+5분, +15분, +30분, +45분, +60분	짜투리 시간에 처리할 수 있는 일 빠르게 찾기
사람 (대기 대상)	"원디자인", "이대리"	위임한 일의 진행상황 추적

태그 붙이기

task 디테일 패널의 "태그" 섹션의 ＋ 태그 클릭
체크박스로 다중 선택
chip 의 ✕ 로 제거

사이드바의 태그 이름을 클릭하면 그 태그가 붙은 task 만 필터링.

검색

제목 + 메모 안에서 키워드 검색.

사용법

사이드바 상단 🔍 입력칸에 단어 → Enter
또는 Ctrl+F 로 어디서든 검색칸 포커스

다중 검색 (쉼표 = AND)

입력	의미
`출장`	"출장" 한 단어 포함하는 모든 task
`출장, 체크`	"출장" 그리고 "체크" 둘 다 포함
`김대리, 회신, 다음주`	세 단어 모두 포함

참고항목 (📚) 이 결과에 있으면 상단에 우선 표시됨 — 과거 처리 기록을 빨리 찾기 위해.

메모와 타임스탬프 ⭐

이 앱의 핵심 기능. 사용자분 메모의 92% 가 이 패턴을 사용함.

Alt+T 타임스탬프

메모칸에 커서 둔 상태에서 Alt+T → 현재 시각이 다음 형태로 삽입됨:

[2026-05-25 오후 9:47]
(여기 커서)

커서가 자동으로 다음 줄로 가서 바로 내용 입력 가능. 누적해서 일지처럼 운용 추천:

[2026-05-25 오후 9:47]
이주임과 통화. 견적 25,000원으로 확정.

[2026-05-23 오후 3:10]
견적 요청 메일 발송.

[2026-05-22 오전 11:00]
사장님 보고 — 진행 OK 받음.

💡 새 기록이 위로 오게 적으면 최신 순으로 보임. 또는 시간 순으로 아래에 추가해도 OK — 본인 취향.

Ctrl+V 이미지 붙여넣기

메모칸에 커서 둔 상태에서 화면 캡쳐 후 Ctrl+V → 자동으로 첨부로 업로드됨 (메모에 텍스트로 들어가지 않고, 첨부 그리드에 썸네일로 표시).

자동 저장

입력 멈춘 후 0.6초 뒤 자동 저장. 우측 하단 "✓ 저장됨" 표시.

첨부와 갤러리

첨부 추가

이미지 paste: 메모칸에 Ctrl+V (캡쳐 / 사진)
파일 선택: 디테일 패널 "첨부" 옆 📎 파일 버튼 → 다중 선택 가능
한 파일당 최대 25 MB

보기 / 삭제

썸네일 클릭 → 확대 (이미지) 또는 새 탭 열기 (기타 파일)
썸네일 hover → ✕ 버튼으로 개별 삭제

갤러리 view

사이드바 📷 첨부 갤러리 → 모든 task 의 첨부를 한 화면에. 진행 중/✅완료/🗑휴지통 배지로 상태 표시. 썸네일 클릭 → 원본 task 로 이동.

완료된 task 의 첨부는 그대로 남아있음 → 나중에 "그때 봤던 그 화면" 다시 확인 가능.

단축키 종합

단축키	동작	조건
`Ctrl`+`N`	빠른 입력칸 포커스	입력 중이 아닐 때
`Ctrl`+`F`	검색칸 포커스	항상
`Ctrl`+`S`	"앞으로 할 일" 입력칸 포커스	디테일 열린 상태
`Ctrl`+`M`	메모 칸 포커스	디테일 열린 상태
`Alt`+`T`	메모에 타임스탬프 삽입 ⭐	메모칸 안
`Ctrl`+`V`	이미지 첨부	메모칸 안
`Enter`	입력 → task 추가	입력칸 안
`Esc`	모달 닫기 / 디테일 닫기	항상

⚠️ Ctrl+T 는 크롬의 전역 "새 탭" 단축키라 가로챌 수 없어서 Alt+T 를 사용함.

휴대폰 위젯과 공유

PWA 는 진짜 안드로이드 홈화면 위젯 (날씨 위젯처럼 정보가 늘 표시되는 것) 은 못 만듭니다. 대신 위젯과 비슷한 효과의 3가지 기능을 사용할 수 있어요.

1. Shortcuts (홈화면 아이콘 길게 누르기)

휴대폰 홈화면의 ecoTask 아이콘을 꾸욱 길게 누르면 다음 빠른 메뉴가 뜹니다:

📅 오늘 할 일 — 오늘 view 로 바로 진입
➕ 빠른 입력 — 수집함 + 입력칸 포커스
📥 수집함 — 수집함 view 로 바로 진입

안드로이드에서 가장 잘 지원. iOS 는 일부만.

2. Share Target (다른 앱에서 공유)

카톡·브라우저·메모·이메일 등 다른 앱에서 텍스트나 URL 을 "공유" 메뉴 누르면 공유 대상 목록에 ecoTask 가 뜹니다. 선택하면:

해당 텍스트가 자동으로 task 제목 + 메모로 들어감
수집함 (INBOX) 에 추가됨
"✓ 공유받아 추가" 토스트 표시

💡 예: 사이트 보다가 "이건 나중에 봐야지" 싶으면 → 공유 → ecoTask → 자동으로 그 URL 이 메모에 들어가서 나중에 클릭만으로 사이트 재방문 가능.

3. URL 파라미터 (북마크/자동화 앱)

URL	동작
`?quick=1`	수집함 + 입력칸 포커스
`?go=today`	오늘 view 로 이동
`?go=inbox`	수집함 view
`?title=내용`	그 제목으로 자동 task 추가
`?title=제목&text=메모`	제목+메모로 task 추가

iOS 의 단축어 (Shortcuts) 앱 또는 안드로이드의 Tasker·HTTP Shortcuts 같은 자동화 앱에서 이 URL 들을 호출하면 위젯처럼 동작합니다.

홈화면에 PWA 설치 (먼저 해야 할 것)

휴대폰 크롬 (안드로이드) 또는 사파리 (iOS) 로 ecotask.pages.dev 접속
메뉴 → 홈 화면에 추가
홈화면에 ecoTask 아이콘 생김 → 길게 눌러서 shortcuts 사용

인증과 보안

이 앱은 본인만 쓰는 1인용. 보안은 2층 구조:

Cloudflare Access (있을 경우): URL 자체에 게이트. Google 로그인 또는 이메일 OTP 통과해야 PWA 화면 표시됨.
API 토큰: Workers API 에 Bearer 토큰. 토큰 모르면 데이터 0 접근. 32 byte 랜덤이라 추측 불가.

토큰 변경하고 싶을 때

새 토큰 생성 (PowerShell):

$b = New-Object byte[] 32
[System.Security.Cryptography.RandomNumberGenerator]::Create().GetBytes($b)
[Convert]::ToBase64String($b) -replace '\+','-' -replace '/','_' -replace '=',''

Cloudflare 에 등록:

cd B:\ecoTask2_companion\cloudflare
npx wrangler secret put API_TOKEN

회사·집·휴대폰 모든 PWA 에서 ⚙ 설정 초기화 → 새 토큰 입력

휴대폰 분실 시

휴대폰 분실 → 잠금화면 해제되면 PWA 의 토큰이 노출 가능.

위 절차로 토큰 변경 → 분실 휴대폰은 즉시 무용지물
또는 Cloudflare Access 정책에서 분실한 디바이스의 세션 강제 종료

저장소와 비용

모든 데이터는 Cloudflare 클라우드 (1인 사용 기준 완전 무료 한도 안).

자원	무료 한도	1인 예상
D1 (DB: task/메모)	5 GB	< 0.001 GB
R2 (첨부 이미지)	10 GB	년 단위로 봐도 한도의 한 자릿수 %
Workers (API)	100,000 요청/일	수십~수백
Pages (PWA 호스팅)	무제한	—

사용량 위젯 (사이드바 하단)

💾 표시. 클릭하면 진행중/완료/휴지통 별 분포 확인. 70% 노란색, 90% 빨강.

용량 회수 방법

첨부 ✕ 직접 삭제 → 즉시 R2 에서 영구 삭제 + 용량 회수
일괄 정리 (위젯 클릭 후 모달):
- 완료 task 첨부 정리: 완료된 task 의 첨부만 모두 삭제 (task 자체는 남음)
- 휴지통 task 첨부 정리: 🗑 처리된 task 의 첨부 삭제
- 둘 다: 위 둘 합쳐서 한 번에
task 완료 / 휴지통만 한다고 첨부는 안 지워짐 — 명시적으로 ✕ 또는 정리 버튼을 눌러야 함 (의도된 동작)

꾸준한 사용 팁

도구의 기능보다 꾸준함 이 핵심. 시스템을 신뢰할 수 있을 때 비로소 도구의 진가가 나옴.

주간 검토 (Weekly Review)

주말 또는 매일 업무 시작 전후 10분 정도:

수집함 비우기 (새로 모인 항목 분류)
대기중 검토 (오래된 위임 항목 follow-up)
언젠가어쩌면 훑기 (지금 할 만한 게 있나)
완료 회고 (이번 주 한 일)
다음 주 우선순위 결정

💡 완벽하지 않아도 됨. 일주일에 한 번이 어려우면 격주, 한 달도 OK. 빈도보다 꾸준히 돌아가는지 가 중요.

원본 ecoTask MyJob ToDo (개발자: 삼정) 의 디자인 철학을 기반으로 재구성
웹앱 버전: 2026