Windows에서 포트 사용 현황 확인 및 프로세스 종료하기리눅스와는 달리 Windows에서는 netstat 명령어를 사용할 때 옵션이 다르고, sudo 명령어는 기본적으로 사용할 수 없습니다. Windows 환경에서 19200번 포트나 다른 포트를 사용하는 프로세스를 찾고 종료하는 방법1. 포트 사용 현황 확인 (Windows)Windows에서는 netstat -ano 명령어를 주로 사용합니다. 이 명령어는 모든 활성 연결과 수신 대기 포트, 그리고 해당 연결을 사용하고 있는 프로세스의 **PID(프로세스 ID)**를 보여줍니다.명령 프롬프트 또는 PowerShell 관리자 권한으로 실행:시작 메뉴에서 "cmd" 또는 "powershell"을 검색합니다.검색 결과에서 "명령 프롬프트" 또는 "Windo..

아래는 Home 서버 컴포넌트에서 시작해, tRPC + RSC 헬퍼들이 어떻게 연결되어 실행되는지를 모든 파일 단계별로 빠짐없이 짚어 본 설명. 1. init.ts – tRPC의 뼈대와 컨텍스트 정의// trpc/init.tsimport { initTRPC, TRPCError } from '@trpc/server';import { cache } from 'react';import superjson from 'superjson';import { auth } from '@clerk/nextjs/server';// 1.1 컨텍스트: 인증·DB 커넥션 등 공통 정보 주입export const createTRPCContext = cache(async () => { const { userId } = await a..

🔧 대상 컴포넌트(App.jsx)- 상태에 따라 버튼 색상(class)과 텍스트가 바뀌는 단순한 구조입니다. import { useState } from "react";function App() { const [buttonColor, setButtonColor] = useState("red"); const newButtonColor = buttonColor === "red" ? "blue" : "red"; return ( setButtonColor(newButtonColor)} > Change to {newButtonColor} Disable button );}export default App; 🧪 테스트 코드 구조..

1. 왜 마이그레이션이 필요한가?스키마 진화 관리프로젝트가 커질수록 테이블·컬럼을 추가하거나 수정할 일이 생깁니다.그냥 SQL 덤프를 사람 눈으로 관리하면 “이 버전에는 이 컬럼이 있었는데, 저 버전엔 없고…” 같은 헷갈림이 발생합니다.버전 컨트롤과 일관성 보장애플리케이션 코드(스키마 정의)와 실제 데이터베이스 구조 간 차이를 자동으로 계산해 주므로,여러 개발자·CI(빌드 서버)·운영 서버에 동일한 “최신 구조”를 보장할 수 있습니다.롤백 지원잘못된 스키마 변경을 적용했다면, 해당 마이그레이션만 되돌릴 수도 있습니다. 2. Drizzle-Kit 마이그레이션이 “무엇을” 하는가?스키마 코드 ↔ 마이그레이션 파일 비교./src/db/schema.ts 안에 정의한 pgTable(...) 정보./drizzle..

아래 부터 개발 과정을 개략적으로 복습차 정리한 글입니다.1. Clerk 통합하기 (Integrate Clerk)패키지 설치Next.js 프로젝트 루트에서 Clerk SDK를 설치합니다. npm install @clerk/nextjs @clerk/nextjs/server # 또는 yarn add @clerk/nextjs @clerk/nextjs/server환경 변수 등록Clerk 대시보드(https://dashboard.clerk.com → API Keys)에서 “Publishable Key”와 “Secret Key”를 복사한 뒤, 로컬 개발 환경에서는 프로젝트 최상위에 .env.local 파일을 만들어 다음과 같이 추가합니다:주의:브라우저(클라이언트)에서 사용하려면 반드시 NEXT_PUBLIC_ 접두사..

단일 파일에만 Prettier 실행하기경로 지정 방식1. 절대 경로프로젝트 루트부터 시작하는 전체 경로를 그대로 적습니다.예: /c/Users/admin/Desktop/user/remote-maestro-user/src/.../SecurityGroupSelect.vue# 예시 (Git Bash 절대 경로)yarn prettier --write "/c/Users/admin/Desktop/user/remote-maestro-user/src/views/workspace/serviceCatalog/service/resource-request/components/AWS/ui/SecurityGroupSelect.vue" 2. 상대 경로현재 터미널(CWD: Current Working Directory)이 프로젝트 ..