AI (13) 썸네일형 리스트형 바이브 코딩, 1인 창업가 부트캠프 (AI Product Bulider) 3주차 우와~ 2주차 과제 선물 또 받았다! 다들 멋진 아이디어가 많으신 것 같다.나도 내 아이디어를 붙여서 활용하면 멋진 결과를 가질 수 있을 것 같다!! 1. 돈 될만한 아이디어(기획)- 이미 증명이 된 부분을 늘리자 > 이미 돈 되는 시장인건비때문에 비싼 부분을 공략하자 2. firebase로 React 프로젝트 생성 - git은 private 리포지토리로 생성해준다. 클로드 설치npm install -g @anthropic-ai/claude-codeclaude제미나이 설치npm install -g @google/gemini-cligeminiCloudflare에서 pages 생성 후 저장소 연결 React(Vite) 선택 후 저장 및 배포 수행 - cloudflare에서 간단하게 만들 나는 어떤 화면을 .. 조코딩 AI Product Builder 2주차 실습 우와~ 1주차 과제 내서 커피받았다 * 2주차 결과 URL :https://mychatbot.kr/https://product-builder-lecture-88c.pages.dev/ 1) google analytics 가입1-1) 측정 시작 버튼 클릭이름 입력 후 속성 만들기. 속성은 하나의 사이트를 의미하고 속성으로 관리한다. 그 다음 약관 동의다음과 같은 항목들 측정 가능직접 설치쪽 코드 복사 후 firebase로 이동 1-2) firebase에 구글 태그 입력모든 페이지에 태그가 들어갈 수있도록 AI에 시켜보자. '모든 html에 아래 태그 추가해줘' 후 복사한 태그 붙여넣기 여러 사이를 관리하는 경우 하나의 계정으로 여러 속성으로 관리할 수 있다. git에 올리고 배포해서 확인하기이렇게 하면 .. 조코딩 AI Product Builder 1주차 실습 1주차: 기획 → 첫 수익 - 개요 · 웹 개발 기초 · 배포 · API · 광고 수익화 [배포]1. 간단한 html 파일 cloudflare 업로드 테스트* cloudflare 도메인 계정도 공짜 * 빌드 > 컴퓨팅 및 AI* 이건 무제한 평생 꽁짜 * 정적 웹 기준으로는 vercel 돈 좀 나감* Workers 및 Pages > Create Application* html 같은 정적 파일이면 static 파일 선택 * 전세계 누구나 다 이용 가능 2. FireBase Studio 사용 * New workspace > Simple HTML보통 VS Code 쓰긴하지만 연습용으로 사용 - 내장된 에이전트를 활용해서 간단한 로또 번호 추첨 html 파일 생성 3. geminicli 활용클로드 코드.. n8n 검색 워크플로우를 도메인과 연결 및 동작하기 1) n8n Cloud에서 2주 무료 버전으로 새로운 워크플로우를 생성해줬다. 이전에 유튜브 링크를 받아 응답을 생성하고, 네이버 & 구글 검색 기능을 가진 워크플로우를 생성했다. 로컬에서 실행하지 않아도, 특정 주소로 접근해서 워크플로우가 외부에서도 동작할 수 있도록 하기 위해서 위와 같은 과정을 진행했다. https://app.n8n.cloud/dashboard n8nn8n is a workflow automation platform that uniquely combines AI capabilities with business process automation, giving technical teams the flexibility of code with the speed of no-code.app.n.. 네이버 검색 API 를 추가하고 검색 기능을 서브 워크플로우로 작성하기 1) 네이버 개발자 가입 > 어플리케이션 등록 https://developers.naver.com/main/ NAVER Developers네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음developers.naver.com예시로 위와 같이 작성 후 등록하기를 누르면 정보가 뜬다.네이버 API는 Key 대신 Client ID, Client Secret 이렇게 두 가지 정보를 사용한다. 하루에 비용을 내지 않고 25000건씩 사용가능하다. 예제 코드를 보면 이런식으로 쓸 수 있다고한다. 이 URL을 사용하고, 헤더에 Client ID와 Client Sec.. 유튜브 자막으로 AI에게 질문하자: N8N + Pinecone으로 RAG 만들기 * 유튜브에 있는 내용을 받아와서 벡터화 시키는 과정이 필요 1) Trigger Manually 2) Edit Fields- key를 youtube_url 샘플 유튜브 주소를 value로 추가해준다. 페이지 우클릭 > 소스 보기를 하면 관련 코드들을 확인할 수 있다. 여기서 필요로 하는 동영상들의 주소를 추출하는 것을 작성해야 한다. 그러기 위해서는 해당 링크의 html 소스가 필요하다. 3) HTTP Request- URL에 youtube 주소를 드래그하면 GET 방식으로 접속해서 실제 HTTP Request가 위 소스 코드를 다운로드 받게 된다. 4) code- 원하는 동영상의 주소를 추출해야한다. 이전 데이터를 가지고 코딩을 해야하는데, JavaScript와 Python 코드가 있다. 여.. kome를 활용한 유튜브 자막 추출 1) https://kome.ai/ 접속 Kome: AI Summary and Bookmark ExtensionKome ensures seamless performance across all popular browsers Chrome, Edge, Opera, Brave, and Arc.kome.ai페이지 하단에 코멧에서 제공하는 툴인 'YouTube Transcript Generator' 를 클릭한다. 이런식으로 로그인하지 않아도 유튜브 주소를 입력하면 자막을 제공해주는 서비스이다. > 개발자 도구(F12) > 네트워크 > 다시 Generate 클릭 (엥... 똑같은 링크로 클릭했는데 왜 안되는거지)어쨋든 API 주소는 확인할 수 있다. 이걸 활용해서 n8n에서 처리해보자. * n8n1) Trigg.. N8N으로 뉴스 요약 AI 만들기: 벡터 DB + 웹검색 통합 RAG 시스템 구현법 * rag를 사용하기 위해 뉴스 데이터를 벡터화 시키는 과정 필요https://www.yonhapnewstv.co.kr/add/rss 연합뉴스TV대한민국 No.1 보도채널www.yonhapnewstv.co.kr여기 있는 내용 전체를 다 가져올 수 있도록 RSS를 구성할 예정 1) Manual Trigger 노드 추가 2) Edit Fields (Set) 노드 추가- 주소를 변수에 저장최신http://www.yonhapnewstv.co.kr/browse/feed/정치http://www.yonhapnewstv.co.kr/category/news/politics/feed/경제http://www.yonhapnewstv.co.kr/category/news/economy/feed/사회http://www.yonhap.. 이전 1 2 다음
