본문 바로가기

분류 전체보기74

나만의 대시보드 만들기1_서비스 현황판_tech2 2. 실제 데이터 연동1차 작업에서는 실제 데이터 연동이 매끄럽지 않았다.나의 서비스를 등록하면, 작업에 사용한 툴(프로트엔드)과 사용하는 백엔드, 레지스토리, api 그리고 깃허브에 자동으로 연동되게 할 수 있는 방법으로 구현하고 싶다.디자인은 픽셀아트로 변경을 시도했지만 가독성이 떨어져서 다른 디자인으로 변경예정2-1. 디자인 변경- 픽셀아트로 변경 : 강조되는 색 핫 핑크 > 가독성이 떨어져 일반적인 디자인으로 다시 변경디자인 참고 이미지2-2. 로그인 페이지 설정 : 로그인 아이디를 생성. 로그인 인증 이후 페이지에서 작업 할 수 있도록 변경2-3. 어드민 페이지를 설정 페이지로 변경- 설정 페이지에서 실제 사용하는 서비스들의 사용량 데이터를 가져올 수 있도록, 연동에 필요한 내용으로 구성하여 입.. 2026. 3. 23.
나만의 대시보드 만들기1_서비스 현황판_tech1 대시보드의 표시되는 내용 : 나의 서비스, 내가 사용하는 서비스나의 서비스에서 내가 사용하는 서비스의 사용량을 보려고 한다.백엔드 및 API 연결 상태 등실제 서비스를 출시하고 사용하는 서비스 및 API의 사용량을 파악해서 예산을 알아보기 쉽게 하기 위함이다.매인 사용툴 : [[Antigravity]]연동 서비스 : [[Supabase]] [[Cloudflare R2]] [[GitHub]]/Users/jdethankim/Library/Mobile Documents/iCloudmdobsidian/Documents/JD's Obsidian Storage_icloud/Project/JD's_Hub작업 계획: 대시보드 개선 (관리자, 할 일, 레이아웃)사용성 및 레이아웃 재구조화3단 레이아웃을 비대칭 2단 레이.. 2026. 3. 23.
0. AI 트렌드 자동화 워크플로우 (feat.Claude Code) 사용한 툴Claude, Claude Code - claude로 계획 및 단계별 진행 코드, 수정 대체 등 대화 / Claude Code 코딩ㄴ 대화해서 코드 얻고 코드 입력 후 결과 값 다시 대화하고 반복GitHub Action - 레지스토리 두개 만듬Gemini (API) - 수집한 자료 요약Buffer (API) - 인스타 업로드 용 (facebook page 생성 오류 등으로 대체 사용)AI 트렌드 자동화 워크플로우 v2.0완성일: 2026-03-20운영 레포: ai-trend-pipeline / obsidian-ai-trend전체 구조 한눈에 보기매일 오전 8시 + 오후 7시 (GitHub 서버 자동 실행) ↓RSS 6개 소스 수집 (15~30개 원문) ↓Gemini AP.. 2026. 3. 20.
과정) 클로드 코드 사용해 보기 - AI insight 자동 스크랩 사용한 툴Claude, Claude Code - claude로 계획 및 단계별 진행 코드, 수정 대체 등 대화 / Claude Code 코딩ㄴ 대화해서 코드 얻고 코드 입력 후 결과 값 다시 대화하고 반복GitHub Action - 레지스토리 두개 만듬Gemini (API) - 수집한 자료 요약Buffer (API) - 인스타 업로드 용 (facebook page 생성 오류 등으로 대체 사용)클로드와 대화자동화 가능 파이프라인에 대한 설계무료로 가능한 파이프라인 설정 : Gemini API 사용컴퓨터의 전원이 연결되지 않아도 자동화 될 수 있는 방법 구현 : GitHub 이용클로드 코드로 코딩 작업 : Pro 플랜 필요 (팀플랜 이용중으로 가능하다고 함)자동화 내용AI 인사이트 자동 수집 및 분석, 요약.. 2026. 3. 20.
0. Healing Crew Project - 쇼츠 영상 자막 검수(팀 작업)을 위한 플랫폼 구축 팀 작업 환경쇼츠 영상을 편집하고 완성된 영상의 자막 검수를 위해 팀 작업을 하고 있었다.작업한 영상을 카카오톡 단체 방에 공유하고, 공유된 영상을 검수팀(2명)이 확인 후 수정해야 할 내용을 톡방에 답장 기능을 통해 기록하였다. 영상 작업자는 검수된 내용을 확인하고 다시 자막 수정 작업을 하였다. !! ai를 활용한 자동 자막 검수 및 수정을 하지 않은 이유음성을 그대로 자막화 하지 않는다 - 영상 특성상 음성으로 나오는 자막을 그대로 자막에 사용하지 않고, 문어체나 문법 등에 맞게 변형하였다. 검수팀은 영상 목적에 맞는 능력을 갖추고 있고, 목적에 맞는 자막 검수 및 수정이 필요하기 때문. Pain Point작업자(영상 편집자)의 입장에서1. 검수 과정에서 중간에 다른 대화 내용이 이어지고, 확인하는.. 2026. 3. 19.
Google 계정 로그인 설정 - 내 서비스에 적용 1. Google Cloud Console 로그인https://console.cloud.google.com/ Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com 2. API 및 서비스 > OAuth 동의 화면으로 이동시작하기 클릭User Type: External (외부) 선택앱 정보: 앱 이름, 사용자 지원 이메일 등 필수 정보 입력범위(Scopes): .../auth/userinfo.email, .../auth/userinfo.profile, openid 추가프로젝트 구성 완료하기 3. API 및 서비스 > 사용자 인증 정보사용자 인증 정보 만들기 > OAuth 클라이언트 ID 클릭애플리케이션 유형: 웹 애플리케이션 선택승인된 리디렉션 URI: S.. 2026. 3. 17.
[강의내용]AI리더캠프_30_Part7_MVP설계와테스트 내 서비스에 구글 로그인 연동하기(IOS 기반 어플을 만들면 Apple 로그인은 반드시 들어가야 한다.) 🤖 AI(바이브 코딩)가 잘하는 것구글 로그인 코드 짜기---🧑 사람이 직접 해야 하는 것구글 로그인 세팅하기AI가 못하는 이유:• Supabase 홈페이지 접속 → 클릭• Google Cloud 접속 → 프로젝트 생성• API 키 복사 → 붙여넣기• 리다이렉트 URI 설정→ 토시 하나라도 틀리면 안 됨! !! 세팅은 여러분이 직접 해야 한다.프로바이더(Provider)란?Supabase에서 프로바이더 = 로그인 방식"어떤 방법으로 로그인할 수 있게 할 거야?"를 선택하는 겁니다.Supabase에서 구글 프로바이더 켜기1. Supabase 프로젝트 접속 : dashboard에서 내 프로젝트 클릭2.. 2026. 3. 17.
[과제]AI리더캠프_27_Part7_MVP설계와테스트 과제1)수업시간에 실습으로한 랜딩페이지에 살을 덧붙여보기 (실습 → 수정본 차이를 구체적으로 작성) 실습 랜딩페이지수정본 서비스 명 변경, 레이아웃 변경, 이미지 변경, 일부 디자인 변경 등과제2) 내가 컴퓨터를 사용하거나 강의를 듣거나 하면서 불편한점을 문제로 정의하여 IA / User Journey / PRD를 작성하기 (문제, IA / User Journey / PRD 가 모두 블로그에 작성되어야함) 과제3) 해당 부분을 MVP로 기능을 1~2개로 축소시키기 과제4) 슈파베이스 연동하여 간단한 로그인 기능 포함하여 안티그래비티로 구현하자 2026. 3. 13.
[강의내용정리]AI리더캠프_28_Part7_MVP설계및테스트 MDVFP - MVP를 넘어서!Minimum : 최소한의 핵심 기능만!Desirable : 고객이 진짜 원하는 것!Viable : 돈이 되는 것!Feasible : 빨리 만들 수 있는 것!Product : 진짜 제품! (실험용 ❌)✨ 한마디로: "작지만 매력적이고, 돈도 되고, 빨리 만들 수 있는 진짜 첫 번째 완성품" 카노(Kano) 모델 - 기능 분류하는 법필수(Must-have)성능(Performance)매력(Delighter)무관심(Indifference)역기능(Reverse)쉬운 비유 - 숙제할 때 연필이랑 지우개는 친구한테 빌리고, 나만의 멋진 그림에 집중하는 것! Delighter가 돈이 되려면감동만으로는 부족해요! 측정 가능한 성능 지표와 연결해야 합유료 전환 성공!성능 지표 ↑ = 가격 .. 2026. 3. 13.

티스토리툴바