기본 콘텐츠로 건너뛰기

글

Pinned Post

ai-website-cloner-template 활용법: URL 하나로 Next.js 클론 만들기

AI 코딩 에이전트 · 웹사이트 클론 ai-website-cloner-template 활용법: URL 하나로 Next.js 클론 만들기 설치부터 "관찰 → 구현" 2단계 프롬프트, 한계와 주의사항까지 정리했습니다. 작성 기준일: 2026-10-16 이 글은 공식 GitHub 저장소(README, 저장소 master 압축본의 SKILL.md·AGENTS.md·references 문서)를 읽고 정리했습니다. 아래 프롬프트 예시는 작성자가 제안하는 방식이며 실제 클론 실행 결과로 검증하지 않았습니다. 1. 핵심 요약 이 템플릿은 변환 프로그램이 아니라 AI 에이전트에게 주는 작업 지침서(스킬) 입니다. 실행 스크립트 없이 에이전트가 브라우저로 사이트를 보고 코드를 작성합니다. 사용법은 프로젝트를 만든 뒤 에이전트에서 /clone-website URL 을 실행하는 것입니다. 결과물은 Next.js 16 + React 19 + shadcn/ui + Tailwind CSS v4 프로젝트입니다. 품질을 높이려면 범위를 좁히고, 관찰과 구현을 두 단계로 나눠 지시하는 편이 좋습니다. 2. 핵심 정보 항목 내용 구분 명령 /clone-website <url> 공식 정보 필요 환경 Node.js 24 이상, 브라우저 접근이 가능한 AI 코딩 에이전트 공식 정보 지원 에이전트 Claude Code(권장), Codex CLI, OpenCode, Cursor 공식 정보 기술 스택 Next.js 16(package.json 기준 16.3.5), React 19, Tailwind CSS v4 공식 정보 작업 4단계 Map → Observe → Build → Compare 공식 정보 라이선스 MIT 공식 정보 3. 사전 준...
최근 글

Windows 11에서 AI Website Cloner 설치하기: PowerShell부터 웹사이트 실행까지

  Windows 11에서 AI Website Cloner 설치하기: PowerShell부터 웹사이트 실행까지 작성 기준일: 2026년 10월 16일 이번 가이드에서는 Windows 11 PC에서 AI Website Cloner Template 을 직접 설치하고 실행하는 과정을 설명합니다. 설치 과정은 다음 순서로 진행합니다. 전체 설치 순서 PowerShell 실행 Node.js 24 LTS 설치 및 확인 Git 설치 및 확인 프로젝트 다운로드 npm 패키지 설치 프로젝트 검사 AI 코딩 에이전트에서 프로젝트 열기 웹사이트 재구성 및 로컬 실행 1. PowerShell 실행하기 Windows에서 명령어를 입력하려면 PowerShell을 사용합니다. 키보드에서 Windows 키를 누릅니다. 검색창에 PowerShell 을 입력합니다. Windows PowerShell 또는 PowerShell을 실행합니다. 일반적인 개발 도구 설치와 프로젝트 명령 실행에는 관리자 권한이 필요하지 않습니다. 특별한 이유가 없다면 일반 사용자 권한으로 진행하세요. 2. Node.js 설치하기 이 프로젝트는 Node.js 24 이상 을 요구합니다. 기존에 Node.js가 설치되어 있더라도 버전을 먼저 확인해야 합니다. Node.js 공식 다운로드 페이지 에서 Windows용 Node.js 24 LTS 설치 프로그램을 선택합니다. 2-1. 설치 여부 확인 PowerShell에서 다음 명령을 입력합니다. node -v npm -v 정상 확인 기준 node -v : Node.js 버전이 표시됩니다. npm -v : npm 버전이 표시됩니다. Node.js 버전이 24 이상이어야 합니다. Node.js가 설치되어 있지 않거나 버전이 낮다면 공식 다운로드 페이지에서 설치 프로그램을 내려받습니다. 2-2. 설치 프로그램 실행 내려받은 Windows용 .msi 설치 파일을 실...

Superpowers 완벽 가이드: Windows 설치부터 AI 코딩 실무까지

AI 개발 도구 · 설치 가이드 · 실무 적용 Superpowers 완벽 가이드: Windows 설치부터 AI 코딩 실무까지 AI 에이전트에게 코드를 바로 작성하게 하는 대신, 요구사항 분석부터 구현 계획, 테스트, 코드 리뷰까지 체계적으로 진행하게 만드는 방법을 알아봅니다. 기준일: 2026년 10월 13일 이 글에서 직접 따라 할 내용 Superpowers가 무엇인지 이해하기 Windows 개발 PC에서 사용할 코딩 에이전트 선택하기 Claude Code, Antigravity, Codex, Cursor 설치 방법 확인하기 설치 후 스킬이 실제로 작동하는지 검증하기 기능 요청을 분석하고 구현 계획을 작성하게 하기 C#, ASP.NET Core, SQL Server 프로젝트에 적용하기 테스트와 코드 리뷰를 통해 결과 검증하기 목차 Superpowers란? 설치 전 준비사항 코딩 에이전트별 설치 방법 설치 및 실행 확인 기본 개발 작업 흐름 실무 예제: C# 기능 추가 SQL Server 작업 시 주의사항 문제 해결 최종 체크리스트 1. Superpowers란? obra/superpowers 공식 GitHub 저장소 는 AI 코딩 에이전트가 소프트웨어를 개발할 때 활용할 수 있는 스킬과 개발 방법론을 제공하는 프로젝트입니다. 일반적인 AI 코딩 작업에서는 개발자가 기능을 요청하면 에이전트가 곧바로 코드를 작성하는 경우가 많습니다. 하지만 요구사항이 불분명하거나 기존 구조를 충분히 파악하지 못하면 불필요한 코드가 늘어나고, 테스트가 빠지거나 기존 기능이 손상될 수 있습니다. Superpowers는 작업에 맞는 스킬을 활...

AWS S3 파일 업로드와 다운로드 완벽 가이드: Windows EC2에서 PowerShell로 파일 전송하기

AWS CLOUD · EC2 · S3 · POWERSHELL AWS S3 파일 업로드와 다운로드 완벽 가이드: Windows EC2에서 PowerShell로 파일 전송하기 AWS S3 버킷에 파일을 올리고, 다른 EC2 서버에서 내려받는 방법을 실제 작업 순서에 맞춰 정리합니다. 작성 기준일: 2026년 10월 12일 1. AWS S3 업로드와 다운로드란? AWS S3(Simple Storage Service)는 파일과 데이터를 객체(Object) 형태로 저장하는 스토리지 서비스입니다. Windows EC2 서버에서 AWS CLI를 사용하면 PowerShell 명령어로 S3에 파일을 업로드하거나 S3에 저장된 파일을 로컬 서버로 다운로드할 수 있습니다. UPLOAD · 업로드 EC2 → S3 서버에 있는 파일을 S3 버킷에 저장합니다. DOWNLOAD · 다운로드 S3 → EC2 S3에 저장된 파일을 서버의 지정된 폴더로 내려받습니다. 두 작업 모두 기본적으로 aws s3 cp 명령어를 사용합니다. 차이는 원본과 대상의 위치입니다. 2. 사전 준비 이 글에서는 다음과 같은 환경을 가정합니다. 항목 예시 운영체제 Windows EC2 명령어 실행 환경 Windows PowerShell S3 버킷 company-files 로컬 파일 C:\Upload\report.xlsx 다운로드 폴더 C:\Download 중요: company-files 와 파일 경로는 설명을 위한 예시입니다. 실제 버킷명과 파일 경로로 바꾸어 실행하세요. AWS CLI가 설치되어 있어야 하며, 현재 인증 주체에 필요...

화제인 TypeSafe Jev, 실제로 어디에 쓰고 있을까?

  AI · AI Agent · Decision Model 요즘 화제인 TypeSafe Jev, 실제로 어디에 쓰고 있을까? ChatGPT나 Claude처럼 글을 생성하는 AI가 아니라, 소프트웨어가 바로 사용할 수 있는 판단 결과를 만들어내는 Jev 가 등장했습니다. 실제 공개 사례와 측정 결과를 통해 Jev가 어디에 쓰이고 있는지 살펴봅니다. 작성 기준일 : 2026년 9월 23일 검증 기준 : TypeSafe 공식 홈페이지·공식 블로그·공식 GitHub 및 공개 Jev 데모 1. Jev가 대체 무엇인가? 최근 AI 개발자 사이에서 TypeSafe의 Jev 가 빠르게 주목받고 있습니다. Jev를 처음 보면 "또 하나의 LLM인가?"라는 생각이 들 수 있습니다. 하지만 TypeSafe가 설명하는 방향은 조금 다릅니다. 일반적인 LLM 입력 → 자연어 생성 Jev 애플리케이션 상태 → Typed Judgment + Probability TypeSafe는 Jev를 자사의 첫 번째 System One Model 이라고 설명합니다. 일반적인 LLM이 사람이 읽을 텍스트를 생성하는 데 최적화되어 있다면, System One Model은 소프트웨어가 직접 사용할 수 있는 구조화된 판단을 반환하는 방향으로 설계됐습니다. [oai_citation:8‡TypeSafe AI](https://typesafe.ai/blog/introducing-system-one-models-and-jev?utm_source...

일본어 숫자 1~10,000 완벽 정리|여행 중 가격·시간·수량 읽는 법

  🇯🇵 일본 여행 일본어 일본어 숫자 1~10,000 완벽 정리|여행 중 가격·시간·수량 읽는 법 일본 여행에서 가격표, 교통비, 식사 금액, 수량을 바로 읽을 수 있도록 일본어 숫자의 기본 규칙과 발음 변화를 한눈에 정리했습니다. 📅 작성 기준일 2026년 9월 23일 일본국제교류기금(Japan Foundation) 일본어 학습자료를 기준으로 숫자 표기와 발음을 교차 확인했습니다. 🇯🇵 1. 일본어 숫자 1~10 숫자 일본어 히라가나 한국어 발음 1 一 いち 이치 2 二 に 니 3 三 さん 산 4 四 よん / し 욘 / 시 5 五 ご 고 6 六 ろく 로쿠 7 七 なな / しち 나나 / 시치 8 八 はち 하치 9 九 きゅう / く 큐우 / 쿠 10 十 じゅう 주우 💡 여행용 암기 포인트 일반적인 여행 상황에서는 4 = よん(욘) , 7 = なな(나나) , 9 = きゅう(큐우) 를 먼저 익혀두면 활용하기 편합니다. 다만 일본어에서는 상황과 붙는 단위에 따라 し·しち·く 등의 다른 읽기가 사용될 수 있습니다. ...