반응형 jiraclone15 Jira-clone - Next.js 빌드 시 타입 오류 무시하고 강제 빌드하기 https://www.youtube.com/watch?v=37v63U7-iG07:08 bun run build TypeScript 오류 무시하기next.config.js 파일에 다음 설정 추가:// next.config.js/** @type {import('next').NextConfig} */const nextConfig = { typescript: { ignoreBuildErrors: true, // 타입 검사 무시 },};module.exports = nextConfig; ESLint 경고 무시하기같은 파일에 ESLint 설정도 추가:// next.config.js/** @type {import('next').NextConfig} */const nextConfig = { typescr.. 2025. 12. 13. Jira-clone - 네비게이션 동적 타이틀과 Task 필터링 로직 안정화 https://www.youtube.com/watch?v=37v63U7-iG07:03 http://localhost:3000/workspaces/6901bdd400275a8b8473http://localhost:3000/workspaces/6901bdd400275a8b8473/projects/692f6eae00212001d0c7타이틀이 똑같은 현상! 1. 타이틀이 똑같은 현상 수정 (Task 필터링 로직 개선) URL에서 프로젝트 ID를 가져오는 useProjectId() 훅 추가Task를 가져오는 useGetTasks 훅 호출 시,URL의 프로젝트 ID(paramProjectId)가 있으면 그것을 우선 사용없으면 기존 필터링 상태의 프로젝트 ID(projectId)를 사용하도록 로직을 변경 src/f.. 2025. 12. 12. Jira-clone - Workspace 대시보드 페이지 구현 (Analytics 및 요약 정보) https://www.youtube.com/watch?v=37v63U7-iG06:37 Workspace 메인 페이지를 구현하여 Analytics(분석 데이터), Tasks, Projects, Members를 한눈에 볼 수 있는 대시보드 만들기 페이지 URL:http://localhost:3000/workspaces/6901da36002c0e809ba2 1. Workspace Analytics API 구현1-1. Analytics 엔드포인트 추가src/features/workspaces/server/route.ts.get( "/:workspaceId/analytics", sessionMiddleware, async (c) => { const databases = c.get(".. 2025. 12. 11. Jira-clone - Project Analytics 구현 정리 https://www.youtube.com/watch?v=37v63U7-iG06:08 * 이전에 만든 Task View Switcher에 프로젝트 분석 통계 기능을 추가해보자. Analytics API 엔드포인트 생성- 수집하는 5가지 통계Total tasks이번 달에 생성된 전체 작업 수Assigned Tasks이번 달에 나한테 할당된 작업 수Completed Tasks이번 달에 완료된 작업 수 (status = DONE)Incomplete Tasks이번 달에 아직 완료 안된 작업 수 (status ≠ DONE)Overdue Tasks이번 달에 마감일 지났는데 완료 안된 작업 수 src/features/projects/server/route.ts.get( "/:projectId/analytics".. 2025. 12. 10. Jira-clone - Server Component를 Client Component로 리팩토링 https://www.youtube.com/watch?v=37v63U7-iG05:38 왜 리팩토링이 필요한가?기존의 Server Component 방식은 다음과 같은 문제점이 있었습니다:로딩 상태 표시 불가: 사용자에게 데이터 로딩 중임을 알릴 방법이 없음에러 처리의 복잡성: throw Error로만 처리 가능하며, Error Boundary로 이동클라이언트 인터랙션 제한: 동적인 사용자 상호작용 구현이 어려움전체 페이지 새로고침: router.refresh()로 인한 불필요한 전체 페이지 리로드리팩토링 목표Server Component는 인증 확인만 담당Client Component로 UI 렌더링 위임React Query를 활용한 효율적인 데이터 캐싱명확한 로딩/에러 상태 처리 🫠 Project 상세.. 2025. 12. 10. Jira-clone - Task 상세 페이지 및 Task 전용 페이지 구현 https://www.youtube.com/watch?v=37v63U7-iG0 5:03 1. Task 전용 페이지 생성 1-1. Tasks 페이지 라우트 생성 워크스페이스의 모든 태스크를 보여주는 전용 페이지프로젝트 필터를 포함한 모든 필터 옵션 제공 src/app/(dashboard)/workspaces/[workspaceId]/tasks/page.tsximport { getCurrent } from "@/features/auth/queries"import { TaskViewSwitcher } from "@/features/tasks/component/task-view-switcher";import { redirect } from "next/navigation";const TasksPage = asyn.. 2025. 12. 8. 이전 1 2 3 다음 반응형
