본문 바로가기
반응형

Clone Coding67

N8N & Zapier - Sidebar Layout https://www.youtube.com/watch?v=ED2H_y6dmC804:27:54Improve file structure - 프로젝트의 파일 및 폴더 구조를 더 깔끔하고 확장 가능하며 유지보수하기 쉽게 개선Create placeholder routes - 실제 기능이나 콘텐츠가 아직 없어도 네비게이션이 가능하도록 임시(플레이스홀더) 라우트를 생성Create sidebar layout - 여러 페이지에서 공통으로 사용될 수 있는 사이드바 UI 레이아웃을 실제로 구현 이 작업을 왜 하는가?폴더 구조 개선: 페이지가 많아질수록 관리가 어려워지므로, 용도별로 폴더를 분리네비게이션 구축: 사용자가 여러 페이지를 쉽게 이동할 수 있도록 사이드바 메뉴 제공공통 레이아웃: 모든 페이지에 동일한 사이드바와 헤.. 2026. 1. 7.
N8N & Zapier - Error Tracking https://www.youtube.com/watch?v=ED2H_y6dmC804:01:53 Setup Sentry → Sentry를 설정하여 애플리케이션 오류를 수집·추적하도록 구성Demonstrate → 오류 추적 기능이 실제로 어떻게 동작하는지 시연Session replays → 사용자의 실제 사용 흐름을 녹화·재생하여 오류 발생 상황을 시각적으로 분석Logs → 오류 발생 전후의 로그를 확인해 원인 파악AI monitoring → AI 기반 분석을 통해 오류 패턴, 이상 징후, 근본 원인을 자동으로 감지 Sentry를 이용한 에러 추적 및 모니터링 시스템 구축애플리케이션을 운영하다 보면 예상치 못한 오류가 발생한다.이때 "어떤 오류가 발생했는지", "사용자가 무엇을 했을 때 오류가 났는지"를 파.. 2026. 1. 6.
N8N & Zapier - AI providers https://www.youtube.com/watch?v=ED2H_y6dmC803:28:09 Choose your AI model(s) Gemini (Free)OpenAI (min. $5)Anthropic (min. $5)Setup AI SDK - AI SDK 설정 Use AI SDK with Inngest - Inngest와 함께 AI SDK AI Provider 선택하기AI 작업을 구현하기 전에 먼저 사용할 AI 모델을 선택해야 함.나는 무료인 gemini만 사용하기로 했다. https://ai-sdk.dev/providers/ai-sdk-providers AI SDK ProvidersLearn how to use AI SDK providers.ai-sdk.dev 필수 패키지 설치AI SDK 설치.. 2026. 1. 5.
N8N & Zapier - Background Jobs https://www.youtube.com/watch?v=ED2H_y6dmC802:55:05 개발을 하다보면 시간이 오래 걸리는 작업을 처리해야 할 때가 있다.inngest를 활용해 백그라운드 작업을 구현하는 방법을 다뤄본다. Setup Inngest - Inngest를 설정한다 (이벤트 기반 백그라운드 작업/워크플로우 도구 설정)Create a background job - 백그라운드에서 실행될 작업(job)을 생성한다Add mprocs - mprocs를 추가해 여러 프로세스를 동시에 관리/실행한다 작업 시작전 백그라운드 작업이 필요한 이유 보기. * 동기식 처리 방식- 일반적인 동기 처리 방식에서는 사용자가 요청을 보내면 서버에서 모든 작업을 완료한 후 응답을 반환한다.// 동기적(synchron.. 2026. 1. 4.
N8N & Zapier - Theme & styling https://www.youtube.com/watch?v=ED2H_y6dmC802:37:24 Apply new theme - 새로운 UI/디자인 테마를 적용한다Improve auth screens - 로그인·회원가입 등 인증 화면의 UX/UI를 개선한다 1. Apply new theme https://tweakcn.com/ Beautiful themes for shadcn/ui — tweakcn | Theme Editor & GeneratorCustomize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview .. 2025. 12. 31.
N8N & Zapier - Authentication https://www.youtube.com/watch?v=ED2H_y6dmC801:35:21 04 인증 Setup BetterAuth - BetterAuth 설정Add auth screens - 인증 화면 추가Add auth utils - 인증 유틸리티 추가Add auth procedures (tRPC) - 인증 프로시저(tRPC) 추가Push to GitHubCreate a new branchCreate a new PRReview & merge 1. Setup BetterAuth - BetterAuth 설정TypeScript를 위한 가장 포괄적인 인증 프레임워크인 Better Auth 단계별 설정https://www.better-auth.com/docs/introduction Better Auth.. 2025. 12. 31.
반응형

티스토리툴바