본문 바로가기

분류 전체보기124

Next.js App Router 실행 원리 완전 가이드 Next.js App Router 실행 원리 완전 가이드🏗️ 1. App Router 아키텍처파일 시스템 기반 라우팅src/app/├── layout.tsx # 루트 레이아웃├── page.tsx # 홈페이지 (/)├── globals.css # 전역 스타일├── loading.tsx # 로딩 UI├── error.tsx # 에러 UI├── not-found.tsx # 404 페이지│├── about/│ └── page.tsx # /about 페이지│├── products/│ ├── page.tsx # /products 페이지│ ├── [id]/│ │ └── page.tsx #.. 2025. 8. 15.
SQL 쿼리 작성 방식 비교 - 파라미터 바인딩 vs 템플릿 리터럴 ⚡ SQL 쿼리 작성 방식 비교 파라미터 바인딩 vs 템플릿 리터럴 - 핵심 차이점 🛡️ 파라미터 바인딩 (Prepared Statement) 안전 // 안전한 방식 - 쿼리와 값을 분리const query = `SELECT * FROM users WHERE id = :id AND status = :status`;const params = { id: 123, status: 'active' }; ✅ 보안: SQL 인젝션 공격을 완벽하게 차단 .. 2025. 8. 12.
PostgreSQL JSONB 타입에 문자열 저장하는 완벽 가이드 목차JSONB 타입 이해하기기본 규칙JSON 형식 문자열 저장일반 문자열 저장실무 예제베스트 프랙티스JSONB 타입 이해하기PostgreSQL의 JSONB 타입은 JSON 데이터를 바이너리 형태로 저장하는 데이터 타입입니다. 이 타입을 사용할 때 가장 많이 하는 실수 중 하나가 일반 문자열을 그대로 저장하려고 하는 것입니다.핵심 포인트: JSONB 컬럼에는 반드시 유효한 JSON 형식의 데이터만 저장할 수 있습니다.기본 규칙✅ 저장 가능한 데이터JSON 객체: {"key": "value"}JSON 배열: ["item1", "item2"]JSON 문자열: "hello world"JSON 숫자: 123JSON 불린: true, falseJSON null: null❌ 저장 불가능한 데이터일반 문자열 (따옴표 .. 2025. 8. 12.
📚TypeORM 핵심 개념 정리 1. Migration의 개념Migration은 DB 스키마 변경 내역을 코드로 관리하는 방법.장점:스키마 변경 기록이 남아 협업/배포 시 일관성 유지.로컬, 스테이징, 프로덕션에 동일하게 반영 가능.구성:up 메서드 → 변경 적용down 메서드 → 변경 롤백2. Migration 생성 방식 2가지① 자동 생성 (migration:generate)엔티티(Entity) 변경사항을 DB 스키마와 비교하여 자동으로 SQL 생성.npm run typeorm migration:generate -- -d src/config/migration.config src/database/migrations/migration-name장점: 편함. 엔티티 변경만 하면 됨.단점:Enum value 추가, View 변경 등은 감지 .. 2025. 8. 11.
TaskMaster는 Cursor Pro, Claude Pro와 상관이 없네? Cursor 에서 Task-master 를 이용해서 작업 수행중에 자꾸 아래와 같은 메세지가 뜨면서 작업이 멈췄다.User API Key Rate limit exceeded 분명 나는 Cursor pro 도 결제하고, Claude code도 쓰고 있는데 저 에러는 왜 나는 것일까? 문제는 task-master init 을 하고 난 후 생성된 cursor 폴더에mcp.json (이 프로젝트에서 사용할 mcp 설정)에 Anthropic API Key(별도 결제했던) 가 들어가서였다. 사이트에 가서 확인을 해봤더니, 저걸 쓰고 있었나보다...신나게 예제 따라하며 해봤더니 미결제 금액 발생... ANTHROPIC 설정 사이트 🛠️ TaskMaster: API 호출 도구 비용 구조모델API 제공사필요한 키.. 2025. 8. 2.
Shrimp Task Manager : 워크플로우/프로세스 관리 MCP 여러개의 Task를 쪼개서 보다 정확하고 전문성있게 작업을 진행할 때 쓰는 MCP.AI가 "아무렇게나 코딩"하지 않고 "사람 개발자처럼 계획-분석-실행-검증"의 단계를 거쳐 체계적으로 개발할 수 있게 해주는 도구 Cursor 에 Shrimp Task Manager MCP 를 추가. 1. init_project_rules : 프로젝트 규칙이 있는 shrimp-rules.md 파일이 생성됨.init_project_rules나는 어떤 AI 툴과 맞을지 16가지 mbti 타입으로 분석해주는 웹앱을 만들고 싶어!- React + TypeScript + TailwindCSS- 캐릭터별 결과 페이지 필요, 소셜 공유 기능 포함- 애니메이션, 트랜지션 효과 2. plan_task:shrimp-rules.md 파일을 .. 2025. 8. 2.
반응형

티스토리툴바