개인 칸반 보드

충

김충식

프론트엔드 (웹)

웹 프론트엔드 전체. 디자인 시스템·공통 컴포넌트, 랜딩/온보딩, 주요 화면, API 연동, 접근성·성능.

진행 현황

완료 0 확인 요청 0 진행 중 1 전체 40

소유 영역

디자인 시스템 / 공통 컴포넌트
랜딩 · 온보딩
웹 주요 화면
웹 ↔ API 연동 · 성능

칸반 보드

카드 상태는 _data/kanban/chungsik.yml 의 status 값을 바꾸면 반영됩니다 (todo → doing → review → done). review 는 PM 확인 대기를 뜻하고, done 은 PM이 확인한 뒤에만 붙입니다.

할 일 39

FE-02 P0 09/03

디자인 토큰 정의 (색 · 타이포 · 간격)

완료 기준
토큰이 코드에 존재하고 앱(Flutter)과 값이 일치

디자인→ design tokens

FE-03 P1 09/03

로컬 실행 규약 정리 (3300 → 8300)

완료 기준
프록시 설정으로 CORS 없이 로컬 개발 가능, README 반영

규약→ frontend/README

FE-04 P0 09/04

레이아웃 · 라우팅 뼈대

완료 기준
공통 헤더/사이드/컨텐츠 골격과 라우트 4개 이동 동작

셋업→ 레이아웃

FE-05 P0 09/04

API 클라이언트 + 공통 에러 처리

완료 기준
OpenAPI 계약 기준 타입 생성, 에러 코드별 처리 분기 존재

연동→ api layer

FE-06 P1 09/04

공통 컴포넌트 1차

완료 기준
버튼·입력·모달·스피너가 토큰 기반으로 구현

디자인→ components/ui

FE-07 P0 09/05

로그인 · 회원가입 화면

완료 기준
검증·에러·로딩 상태 포함해 완성

화면→ auth 페이지

FE-08 P0 09/05

인증 세션 관리

완료 기준
새로고침 후 로그인 유지, 만료 시 자동 갱신 또는 재로그인 유도

보안→ 세션 관리

FE-09 P0 09/05

스테이징 로그인 성공

완료 기준
실제 스테이징 API 로 로그인 후 보호 페이지 진입

연동→ 연동 확인

FE-10 P0 09/06

랜딩 페이지

완료 기준
서비스 소개·CTA·반응형이 완성되어 공개 가능한 수준

화면→ 랜딩

FE-11 P1 09/06

온보딩

완료 기준
최초 로그인 사용자에게 1회 노출

화면→ 온보딩

FE-12 P1 09/06

폼 검증 공통화

완료 기준
검증 규칙이 한 곳에 모이고 서버 에러 메시지와 매핑됨

규약→ form 유틸

FE-13 P0 09/07

주요 화면 A — end-to-end

완료 기준
실 API 로 생성→목록 반영까지 완주

화면→ 화면 A

FE-14 P0 09/07

로딩 · 스켈레톤 · 빈 상태

완료 기준
모든 데이터 화면에 3가지 상태가 정의됨

UX→ 상태 UI

FE-15 P1 09/07

반응형 브레이크포인트

완료 기준
모바일·태블릿·데스크톱에서 레이아웃 깨짐 없음

디자인→ 반응형 규칙

FE-16 P0 09/08

AI 대화 UI (스트리밍)

완료 기준
SSE 델타 실시간 렌더, 중단·재시도 동작

AI→ chat UI

FE-17 P0 09/08

목록 · 상세 · 필터

완료 기준
페이지네이션과 필터 상태가 URL 에 반영되어 공유 가능

화면→ list/detail

FE-18 P1 09/08

토스트 · 모달 시스템

완료 기준
성공/실패 피드백이 전 화면에서 일관되게 표시

UX→ 피드백 시스템

FE-19 P0 09/09

알파 배포 대응

완료 기준
웹 알파가 스테이징 URL 에서 동작

배포→ 알파 배포

FE-20 P0 09/09

시연 버그 수정

완료 기준
시연 중 발견된 웹 P0 당일 처리

QA→ 핫픽스

FE-21 P1 09/09

접근성 1차 (키보드 · 대비)

완료 기준
주요 플로우를 키보드만으로 완주, 대비비 기준 충족

접근성→ 접근성 점검

FE-22 P0 09/10

잔여 MUST 화면 완결

완료 기준
MUST 화면 목록에 미구현 0건

화면→ 화면 완료 표

FE-23 P1 09/10

메타 · OG · 사이트맵

완료 기준
공유 시 카드 미리보기가 정상 노출

SEO→ 메타 설정

FE-24 P2 09/10

에러 페이지 (404 · 500)

완료 기준
복귀 경로가 있는 에러 페이지 제공

UX→ 에러 페이지

FE-25 P0 09/11

Feature Freeze — 웹 기능 동결

완료 기준
18:00 이후 기능 커밋 없음

운영→ 동결 확인

FE-26 P1 09/11

크로스 브라우저 점검

완료 기준
Chrome·Safari·모바일 브라우저에서 주요 플로우 통과

QA→ 점검표

FE-27 P2 09/11

번들 사이즈 점검

완료 기준
초기 로드 번들 목표치 이내, 큰 의존성 분할

성능→ 번들 리포트

FE-28 P0 09/12

버그 스쿼시

완료 기준
배정된 P0/P1 전건 종료

QA→ 이슈 종료

FE-29 P0 09/12

회귀 시나리오 수행

완료 기준
회귀 표의 웹 항목 전건 통과 표시

QA→ 회귀 결과

FE-30 P2 09/12

이미지 최적화

완료 기준
주요 이미지 포맷·사이즈 최적화로 로드 시간 단축 확인

성능→ 최적화 커밋

FE-31 P1 09/13

Lighthouse 목표 달성

완료 기준
성능·접근성·SEO 점수 목표치 충족

성능→ Lighthouse 리포트

FE-32 P0 09/13

보안 헤더 · CSP 확인

완료 기준
프록시 설정과 함께 헤더가 실제 응답에 적용됨

보안→ 헤더 점검

FE-33 P0 09/13

개인정보처리방침 · 이용약관 페이지

완료 기준
공개 URL 로 접근 가능 (앱 스토어 심사 선행 조건)

릴리스→ 정책 페이지

FE-34 P0 09/14

RC 검증

완료 기준
RC1 빌드로 스테이징 전 시나리오 통과

릴리스→ 검증 결과

FE-35 P0 09/14

프로덕션 환경변수 전환

완료 기준
운영 API·도메인 기준으로 빌드되어 정상 동작

릴리스→ prod 빌드

FE-36 P0 09/15

Code Freeze 대응

완료 기준
핫픽스 외 커밋 없음

릴리스→ 동결 확인

FE-37 P0 09/15

배포 리허설 — 웹 파트

완료 기준
배포·롤백 리허설에서 웹 단계 무오류

릴리스→ 리허설 기록

FE-38 P0 09/16

프로덕션 배포 검증

완료 기준
운영 도메인에서 주요 플로우 전건 통과

릴리스→ 배포 검증

FE-39 P0 09/16

오픈 온콜 — 프론트 오류 관측

완료 기준
오픈 2시간 JS 오류·실패 요청 이상 없음

운영→ 온콜 기록

FE-40 P2 09/16

데브로그 — 프론트 회고

완료 기준
디자인 시스템·스트리밍 UI 구현 경험을 글 1편으로 작성

기록→ 데브로그

진행 중 1

FE-01 P0 09/03

프론트 스택 확정 · 프로젝트 생성

완료 기준
선택 근거를 남기고 dev 서버가 3300 포트로 기동

셋업→ frontend/ 스켈레톤

확인 요청 0

— 없음 —

완료 0

— 없음 —

날짜별 업무

D-13 2026-09-03 (목) 킥오프 · 기준선 고정 3건

당일 관문
ERD 초안 + API 계약 v0 + 레포/인프라 스켈레톤이 모두 올라간다

FE-01 P0 프론트 스택 확정 · 프로젝트 생성
완료 기준 · 선택 근거를 남기고 dev 서버가 3300 포트로 기동
FE-02 P0 디자인 토큰 정의 (색 · 타이포 · 간격)
완료 기준 · 토큰이 코드에 존재하고 앱(Flutter)과 값이 일치
FE-03 P1 로컬 실행 규약 정리 (3300 → 8300)
완료 기준 · 프록시 설정으로 CORS 없이 로컬 개발 가능, README 반영

D-12 2026-09-04 (금) 계약 확정 · 뼈대 세우기 3건

당일 관문
ERD v1 확정(FREEZE), 인증 플로우 합의, 앱·웹 스캐폴드 첫 화면 렌더

FE-04 P0 레이아웃 · 라우팅 뼈대
완료 기준 · 공통 헤더/사이드/컨텐츠 골격과 라우트 4개 이동 동작
FE-05 P0 API 클라이언트 + 공통 에러 처리
완료 기준 · OpenAPI 계약 기준 타입 생성, 에러 코드별 처리 분기 존재
FE-06 P1 공통 컴포넌트 1차
완료 기준 · 버튼·입력·모달·스피너가 토큰 기반으로 구현

D-11 2026-09-05 (토) 코어 도메인 1차 3건

당일 관문
인증 API 실동작(회원가입·로그인·토큰 갱신) + 웹/앱에서 로그인 성공

FE-07 P0 로그인 · 회원가입 화면
완료 기준 · 검증·에러·로딩 상태 포함해 완성
FE-08 P0 인증 세션 관리
완료 기준 · 새로고침 후 로그인 유지, 만료 시 자동 갱신 또는 재로그인 유도
FE-09 P0 스테이징 로그인 성공
완료 기준 · 실제 스테이징 API 로 로그인 후 보호 페이지 진입

D-10 2026-09-06 (일) 코어 도메인 2차 · AI 파이프라인 착수 3건

당일 관문
핵심 리소스 CRUD 3개 엔드포인트 + LLM 호출 1회 왕복 성공

FE-10 P0 랜딩 페이지
완료 기준 · 서비스 소개·CTA·반응형이 완성되어 공개 가능한 수준
FE-11 P1 온보딩
완료 기준 · 최초 로그인 사용자에게 1회 노출
FE-12 P1 폼 검증 공통화
완료 기준 · 검증 규칙이 한 곳에 모이고 서버 에러 메시지와 매핑됨

D-9 2026-09-07 (월) 1차 통합 3건

당일 관문
웹·앱이 실제 백엔드(스테이징)를 바라보고 주요 화면 1개 end-to-end 동작

FE-13 P0 주요 화면 A — end-to-end
완료 기준 · 실 API 로 생성→목록 반영까지 완주
FE-14 P0 로딩 · 스켈레톤 · 빈 상태
완료 기준 · 모든 데이터 화면에 3가지 상태가 정의됨
FE-15 P1 반응형 브레이크포인트
완료 기준 · 모바일·태블릿·데스크톱에서 레이아웃 깨짐 없음

D-8 2026-09-08 (화) AI 에이전트 핵심 기능 3건

당일 관문
에이전트 주요 시나리오 1개가 툴 호출 포함해 끝까지 완주

FE-16 P0 AI 대화 UI (스트리밍)
완료 기준 · SSE 델타 실시간 렌더, 중단·재시도 동작
FE-17 P0 목록 · 상세 · 필터
완료 기준 · 페이지네이션과 필터 상태가 URL 에 반영되어 공유 가능
FE-18 P1 토스트 · 모달 시스템
완료 기준 · 성공/실패 피드백이 전 화면에서 일관되게 표시

D-7 2026-09-09 (수) 알파 빌드 (기능 70%) 3건

당일 관문
스테이징에 알파 배포 → 팀 전원이 각자 기기에서 1회 완주 시연

FE-19 P0 알파 배포 대응
완료 기준 · 웹 알파가 스테이징 URL 에서 동작
FE-20 P0 시연 버그 수정
완료 기준 · 시연 중 발견된 웹 P0 당일 처리
FE-21 P1 접근성 1차 (키보드 · 대비)
완료 기준 · 주요 플로우를 키보드만으로 완주, 대비비 기준 충족

D-6 2026-09-10 (목) 남은 기능 몰아치기 3건

당일 관문
MUST 범위 기능 100% 코드 완료(버그 허용, 미구현 불가)

FE-22 P0 잔여 MUST 화면 완결
완료 기준 · MUST 화면 목록에 미구현 0건
FE-23 P1 메타 · OG · 사이트맵
완료 기준 · 공유 시 카드 미리보기가 정상 노출
FE-24 P2 에러 페이지 (404 · 500)
완료 기준 · 복귀 경로가 있는 에러 페이지 제공

D-5 2026-09-11 (금) Feature Freeze 3건

당일 관문
18:00 기능 동결. 이후 커밋은 버그 수정·문구·설정만

FE-25 P0 Feature Freeze — 웹 기능 동결
완료 기준 · 18:00 이후 기능 커밋 없음
FE-26 P1 크로스 브라우저 점검
완료 기준 · Chrome·Safari·모바일 브라우저에서 주요 플로우 통과
FE-27 P2 번들 사이즈 점검
완료 기준 · 초기 로드 번들 목표치 이내, 큰 의존성 분할

D-4 2026-09-12 (토) 통합 테스트 · 버그 스쿼시 3건

당일 관문
P0/P1 버그 0건, 전 시나리오 회귀 1회 통과

FE-28 P0 버그 스쿼시
완료 기준 · 배정된 P0/P1 전건 종료
FE-29 P0 회귀 시나리오 수행
완료 기준 · 회귀 표의 웹 항목 전건 통과 표시
FE-30 P2 이미지 최적화
완료 기준 · 주요 이미지 포맷·사이즈 최적화로 로드 시간 단축 확인

D-3 2026-09-13 (일) 성능 · 보안 · 스토어 준비 3건

당일 관문
부하 스모크 통과, 시크릿 점검 완료, 스토어 심사 제출

FE-31 P1 Lighthouse 목표 달성
완료 기준 · 성능·접근성·SEO 점수 목표치 충족
FE-32 P0 보안 헤더 · CSP 확인
완료 기준 · 프록시 설정과 함께 헤더가 실제 응답에 적용됨
FE-33 P0 개인정보처리방침 · 이용약관 페이지
완료 기준 · 공개 URL 로 접근 가능 (앱 스토어 심사 선행 조건)

D-2 2026-09-14 (월) RC 빌드 · 스테이징 최종 검증 2건

당일 관문
RC1 태깅, 스테이징에서 릴리스 체크리스트 전 항목 통과

FE-34 P0 RC 검증
완료 기준 · RC1 빌드로 스테이징 전 시나리오 통과
FE-35 P0 프로덕션 환경변수 전환
완료 기준 · 운영 API·도메인 기준으로 빌드되어 정상 동작

D-1 2026-09-15 (화) Code Freeze · 배포 리허설 2건

당일 관문
프로덕션 배포 리허설 + 롤백 리허설 각 1회 성공

FE-36 P0 Code Freeze 대응
완료 기준 · 핫픽스 외 커밋 없음
FE-37 P0 배포 리허설 — 웹 파트
완료 기준 · 배포·롤백 리허설에서 웹 단계 무오류

D-0 2026-09-16 (수) 프로덕션 배포 · 서비스 오픈 3건

당일 관문
프로덕션 오픈 + 30분 관측 정상 + 공지 발행

FE-38 P0 프로덕션 배포 검증
완료 기준 · 운영 도메인에서 주요 플로우 전건 통과
FE-39 P0 오픈 온콜 — 프론트 오류 관측
완료 기준 · 오픈 2시간 JS 오류·실패 요청 이상 없음
FE-40 P2 데브로그 — 프론트 회고
완료 기준 · 디자인 시스템·스트리밍 UI 구현 경험을 글 1편으로 작성