여고생쨩⭐️ 개발공부

Napkin AI 사용법 완벽 가이드: 텍스트를 다이어그램으로 바꾸는 법

📌 핵심 요약결론: Napkin AI는 텍스트 → 다이어그램 자동 변환 도구임. 프롬프트 없이 텍스트 선택만 하면 30가지+ 시각화 옵션 제안해줌.바로 실행할 것 3가지:napkin.ai 접속해서 구글 계정으로 가입텍스트 붙여넣고 시각화할 부분 선택 (파란 번개 아이콘 클릭)템플릿 선택 → 색상/아이콘 커스터마이징 → PNG/PDF 내보내기흔한 실수 2가지:문서 전체를 한 번에 넣기 (핵심 내용만 선별해서 넣어야 정확함)모바일에서 편집하려 하기 (데스크톱 전용, 모바일은 보기만 가능)가격: 현재 무료 (베타 버전, 모든 기능 사용 가능)1. Napkin AI가 뭔지 30초 정리Napkin AI는 텍스트를 다이어그램으로 자동 변환해주는 AI 도구임.이름은 건축가들이 냅킨에 아이디어를 빠르게 스케치하는 것..

Google Mixboard 사용법 완벽 가이드: AI로 무드보드 만드는 법

📌 핵심 요약결론: Google Mixboard는 프롬프트 → 무드보드 → 이미지 편집까지 한 번에 되는 AI 캔버스임. Pinterest + Canva + 포토샵을 합쳐놓은 느낌.바로 실행할 것 3가지:mixboard.google.com 접속해서 구글 계정 로그인프롬프트 입력하거나 템플릿 선택해서 무드보드 생성자연어로 이미지 수정 ("배경을 흰색으로", "두 이미지 합쳐줘")흔한 실수 2가지:프롬프트 대충 쓰고 결과물 탓하기 (스타일, 색상, 분위기 구체적으로)최종 결과물로 바로 쓰려 하기 (아이디어 시각화 도구임, 제작은 Figma/Canva에서)가격: 현재 무료 (Google Labs 실험 단계)1. Google Mixboard가 뭔지 30초 정리Google Mixboard는 Google Labs..

Google Flow 사용법 완벽 가이드: AI로 영화급 영상 만드는 법

📌 핵심 요약결론: Google Flow는 Veo 3 + Imagen + Gemini 결합한 AI 영상 제작 도구임. 프롬프트만 잘 쓰면 영화급 결과물 가능.바로 실행할 것 3가지:labs.google/fx/tools/flow 접속Google AI Pro 무료 체험 등록 (취소하면 무과금)구체적인 프롬프트로 8초 클립부터 테스트흔한 실수 2가지:프롬프트 대충 쓰고 크레딧 낭비 (구체적으로 써야 함)처음부터 긴 영상 생성 시도 (짧은 클립 여러 개 → 편집이 효율적)필수 체크: 월 100회 생성 한도 있음. 크레딧 계산하고 시작할 것.1. Google Flow가 뭔지 30초 정리Google Flow는 Google Labs에서 만든 AI 영상 제작 도구임.텍스트로 "이런 장면 만들어줘" 하면 영화급 영상이..

AI로 UI/UX 프로토타이핑을 해보자. Google Stitch 소개

📌 핵심 요약결론: Google Stitch는 프롬프트 → UI → 코드까지 자동화해주는 무료 도구임. 초기 프로토타입용으로 최적.바로 실행할 것 3가지:stitch.withgoogle.com 접속해서 구글 계정 로그인구체적인 프롬프트로 UI 생성 (색상, 레이아웃, 컴포넌트 포함)HTML 코드 복사하거나 Figma로 내보내기흔한 실수 2가지:프롬프트 대충 쓰고 결과물 탓하기 (구체적으로 써야 함)완성본 기대하기 (초기 검증용 도구임, 세부 조정은 Figma에서)추천 플러그인: Stitch to Figma - HTML을 Figma 프레임으로 변환1. Google Stitch가 뭔지 30초 정리Google Stitch는 Google Labs에서 만든 AI UI 디자인 도구임.텍스트로 "이런 앱 만들어줘"..

해커뉴스에서 퍼옴.https://news.hada.io/topic?id=25841#cid49287 평소에 내가 클로드 코드를 사용하는 방식과 비슷하여 소개해봄. (task_plan.md 파일 부분)실제로 나는 tasks.md, tasks/각 태스크의 세부내역.md 파일을 생성하여 사용함.각 태스크의 세부 내역 파일은ralph-loop용으로 요청사항, 완료조건, 반복횟수 등이 설정되어 있고,tasks.md에는 해당 파일들의 링크와 완료시 체크할 수 있는 여부 정도만 저장되어 있음. progress.md는 cc-telegram 소스코드를 보면 알겠지만진행중, 완료, 실패사항을 md로 분리하여 기록하고 있음.클로드 설정에서는 해당 파일을 작업 시 참조하도록 설정만 해주면 됨. 리서치 결과를 따로 저장하는 부분..

자작 프로그램인데 나름 우여곡절을 거쳐서 지금 버전이 완성되었다.자세한 제작기는 나중에 따로 올리기로 하고,node 18이상이 설치되어 있는 환경에서npx cc-telegram으로 설치하고 텔레그램 bot 토큰이랑 사용자의 chatId를 넣어서 사용하면 됨.이게 다임. tailscale이랑 복잡한 터미널 설정같은거 1도 필요없이 텔레그램만 이용하면 끝임.Ralph Loop를 써보니 꽤 좋아서 원격으로 쓰면 좋겠다 싶어서 기존에 혼자 사용하던 버전을 수정해서 만들었음.아래는 공식 설명서 내용임텔레그램 봇을 통한 원격 Claude Code 실행텔레그램 앱을 사용하여 어디서든 Claude Code를 제어하세요. 작업을 생성하고, 진행 상황을 모니터링하고, 완료 알림을 받으세요 - 모두 휴대폰에서 가능합니다.기..

몇일사이에 Ralph Wiggum 에서 Ralph Loop로 이름을 변경해서, 글 다 수정함;; 이름은 제발 한번에 잘 짓자. 개요Ralph Loop은 Claude Code의 공식 플러그인으로, 자동 반복 루프를 통해 작업을 자율적으로 완성함."Ralph is a Bash loop" - Geoffrey Huntley핵심 개념동작 원리while true: 1. 프롬프트를 AI에게 전달 2. AI가 작업 수행 3. AI가 종료 시도 4. Stop hook이 종료 차단 5. 동일 프롬프트 재전달 6. 완료될 때까지 반복핵심 특징:✅ 프롬프트는 반복 간 변하지 않음✅ 작업은 파일에 지속됨✅ Git 히스토리가 자동으로 쌓임✅ Claude가 자신의 이전 작업을 읽으며 자율 개선설치클로드 실행 후 다음 명..

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 --..

vi ~/.zshrc아래 내용 설정alias claude='claude --dangerously-skip-permissions'

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