전체 글 143

Claude in chrome

https://claude.com/chrome Claude in Chrome | ClaudeBring Claude's AI assistance to your browser. Ask questions, analyze data, automate tasks, and navigate sites in Chrome. Works with Claude Code and Desktop.claude.com 새 기능이 나왔다. 아직 베타이전에 playwright mcp나 perpeteer mcp를 사용해서 하던 작업을 이제 클로드가 바로 지원해 준다.위 링크에서 확장 프로그램을 설치해주고 실행하면 클로드 코드 그룹이 생기는데 해당 그룹내에 탭을 넣어주면 클로드 코드가 인식함.로컬 설치claude updateclaude --..

TIP/AI 2025.12.22

프롬프트 엔지니어링 기초

1. 프롬프트?프롬프트(Prompt)는 AI한테 하는 질문이나 요청임. 친구한테 부탁하듯이 AI한테 말 거는 거라고 생각하면 됨.왜 중요함?같은 AI라도 어떻게 물어보냐에 따라 답변 퀄리티가 완전 달라짐.구린 프롬프트좋은 프롬프트"저녁 뭐 먹지?""냉장고에 돼지고기, 양파, 감자 있음. 30분 안에 만들 수 있는 저녁 메뉴 추천해줘""운동 알려줘""집에서 할 수 있는 15분짜리 초보자용 스트레칭 루틴 알려줘"2. 프롬프트 기본 구성좋은 프롬프트는 이렇게 조합함:[역할] + [상황] + [요청 내용] + [원하는 형식]각 요소 설명요소설명예시역할AI한테 줄 역할"너는 요리 선생님임"상황지금 상황 설명"요리 초보인 내가 처음으로 파스타 만들려고 함"요청 내용구체적인 부탁"까르보나라 레시피 알려줘"원하는 형식..

TIP/AI 2025.12.17

네이버 검색광고 가이드

네이버 검색광고 처음 시작하는 사람, 기초부터 다시 정리하고 싶은 사람용1. 네이버 검색광고가 뭐임?1.1 기본 개념네이버에서 뭔가 검색하면 맨 위에 "파워링크"라고 뜨는 거 본 적 있음? 그게 검색광고임.핵심 특징:검색한 사람한테만 보여줌: 내 상품에 관심 있는 사람한테만 광고가 나감클릭해야 돈 나감: 그냥 보이기만 하면 공짜임. 클릭했을 때만 돈이 빠져나감효과 좋음: 이미 관심 있어서 검색한 사람이라 구매로 이어질 확률이 높음1.2 왜 해야 함?장점설명정확한 타겟팅내 제품 찾는 사람한테만 보여줌돈 아낄 수 있음클릭 안 하면 돈 안 나감바로 효과 봄승인되면 바로 광고 나감성과 측정 가능몇 명이 클릭했는지, 구매했는지 다 보임예산 조절 가능하루에 얼마까지만 쓸지 정할 수 있음2. 광고 종류네이버 검색광고..

TIP/마케팅 2025.12.12

Claude Code로 SPA 크롤링하기

개요SPA는 보통 동적으로 로딩되는 사이트가 많기 때문에 크롤링이 힘듬.그래서 Playwright MCP를 사용하여 사람이 보는 것처럼 읽어서 크롤링 하는 방법을 생각해냄.클로드 설정playwright MCP 모든 권한, 파일 생성/수정/삭제, 폴더 생성/수정/삭제 등을 미리 허용playwright MCP는 실제로 창을 띄우지 않고 헤드리스모드로 돌아가도록 설정가져온 데이터는 markdown으로 저장하도록 설정(메뉴 구조에 맞게 폴더와 파일을 생성하고 서로 링크를 걸도록 설정)크롤링 전문 서브 에이전트를 생성 (수집 - 비교 검증 - 수정 - 재수집 - 완료 과정을 반복 하도록 설정)기본 동작 과정수집해올 범위 지정 (자동 or 수동)한페이지씩 수집수집한 내용 마크다운 작성마크다운과 원본 사이트 비교 검..

TIP/AI 2025.12.12

Claude Code 사용법

Claude Code를 프로젝트에 효과적으로 설정하고 활용하는 방법을 정리한 가이드예시 프로젝트는 cloudflare workers에 배포되는 Hono + Typescript + drrizleOrm 기반의 프로젝트임.1. 폴더 구조.claude/├── CLAUDE.md # 메인 프로젝트 지침서 (필수)├── settings.local.json # 로컬 권한 설정├── agent/ # 전문가 정의│ ├── architect.md│ ├── dba.md│ ├── reviewer.md│ └── ...├── commands/ # 슬래시 커맨드 정의│ ├── migration.md│ ├── new-..

TIP/AI 2025.12.12

구글 Ads 기초 교육 가이드

구글 Ads를 처음 시작하는 사람을 위한 실전 가이드임.이 문서 하나로 DSP 광고의 개념부터 실제 캠페인 세팅까지 다 배울 수 있어.1. DSP 광고의 이해1.1 DSP 광고란?구글 Ads는 DSP(Demand Side Platform) 광고의 대표적인 형태임. DSP 광고는 프로그래매틱 바잉(Programmatic Buying) 방식으로 운영돼.프로그래매틱 바잉의 원리쉽게 말하면 이런 거야:전 세계의 광고 인벤토리(광고가 노출되는 공간)들이 하나의 경매장에 모여 있고, DSP 광고 플랫폼들이 이 인벤토리에 리얼타임 비딩(Real-Time Bidding, RTB) 방식으로 입찰함.0.몇 초마다 실시간으로 입찰이 진행됨가장 높은 입찰가를 제시한 광고가 해당 인벤토리에 노출됨새로고침할 때마다 다른 광고가 ..

TIP/마케팅 2025.12.11

[Claude Skill] 개발 용어 -> 고객 가치 변환기

https://maily.so/insightlog/posts/8do7kllprgq 개발자는 모르는 PM만의 무기 '릴리즈 노트', 고객이 설레는 '카피'로 바꾸는 기술 (ft. AI 변환기)아무도 안 읽는 공지사항을 '세일즈 레터'로 만드는 10년차 PM의 비밀maily.so위 글에서 인사이트를 얻어 클로드의 skill로 만들었음.간단히 요약하면 아래처럼 동작함. 요청릴리즈 노트 : 구글 ads와 동기화 속도 개선 결과성능 개선이 '시간 절약'으로 바뀌는 순간(Before: 개발자 언어) "구글 ads와 동기화 속도 개선"(After: 고객 언어) "광고 성과, 이제 기다림 없이 바로 확인하세요."설명: "Google Ads 데이터가 더 빠르게 반영됩니다. 광고 수정 후 결과를 확인하느라 새로고침을 반복..

TIP/AI 2025.12.03

[JS] WebMidi.js로 Ableton Live와 연동하기

최근에 Ableton Live 수업을 들었는데 마지막이 자작곡 발표였다.기왕이면 발표하는거 음악에 맞춘 비주얼까지 만들고 싶어서 아는게 아는거라고 Webmidi.js를 사용해서 비주얼까지 만들었다. 완성품" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스webmidi.js와 websocket으로 여러개의 기기에서 같은 신호를 받아 동기화되는 영상을 실사로 찍어서 제작함.미리 알아야할 점1. 맥에서는 IAC 가상 장치를 통해 에이블톤 라이브에서 미디 신호를 내보내줘야함 (https://support.apple.com/ko-kr/guide/audio-midi-setup/ams1013/mac)2. 에이블톤 라이브에서 미디 신호를 내보내기 위해선 악기가 연결되지 않은 미디 트랙이여야 함..

TIP/JS 2024.06.12
728x90