소개
유튜브 요약 페이지를 만들기 위해 백엔드 자동화 파트를 실습을 통해 구현해보았습니다.
토요일에 진행된 스터디 실습 시간에 Make 시나리오 작성을 완료했고, 현재는 마지막 단계인 웹훅 연결만 남겨두고 있어요. 이 게시글을 작성한 후 마저 마무리할 계획입니다 💪
사실 저는 예전에 웹페이지를 직접 만들어보려고 시도했다가 너무 어렵다는 인식만 남아서, 그 이후로는 더 이상 도전하지 않았어요. 😓
하지만 이번 스터디 “Make와 Lovable로 랜딩페이지 혁신”은 AI 도구를 활용해 더 쉽게 웹페이지를 만들 수 있다는 데에 큰 의미가 있었고,
스터디장님의 유튜브 요약 페이지 사례도 너무 흥미로워 보여서 다시 한 번 도전해보고 싶다는 마음으로 참여하게 되었습니다!
진행 방법
사용한 도구
Claude: 코드 보조 및 테스트 테이블 자동 생성에 사용
Supabase: DB 연동 및 사전 세팅
ChatGPT: OpenAI Assistants를 사용, 유튜브 요약
Apify: 크롤링 또는 외부 API 자동화 목적으로 활용 예정
주요 작업 내용
Supabase 가입 및 프로젝트 세팅 진행 (다소 시간이 소요됨)
Claude와 바이브 코딩을 하며 자동으로 테스트 테이블 생성되는 걸 보고 신기함 😲
JSON 구조와 사용법에 대해 학습
예상치 못한 시행착오 ⚠️
cluade_desktop_config.json 설정 파일에서 다음과 같은 설정을 했어요:
맥버전은 다음과 같습니다
그런데 여기서 <...> 괄호까지 그대로 입력하는 실수를 해서 계속 인증 실패가 떴어요 😅 실제로는 <와 >를 빼고 토큰 값만 넣어야 하는데, 문서에서 복사-붙여넣기를 하다 보니 이런 실수를 하게 되더라고요. 이런 '별거 아닌 실수'가 실제로는 꽤 자주 발생하는 것 같아요!
결과와 배운 점
초반 셋팅은 어렵고 시간이 걸리지만, 그 이후부터는 매우 수월하게 진행됨
자동화 시나리오의 전체 흐름을 Make 상에서 그려보며 감을 잡게 됨
Claude와 협업하면서 '바이브 코딩'의 장점 체감
실습을 통해 이론을 들을 때 더 빠르게 이해되는 걸 느낌
작은 실수 하나가 전체 동작에 영향을 줄 수 있으므로 꼼꼼한 검토가 중요!
남기고 싶은 메시지 💬
비전공자는 자동화 단계에서 용어들이 낯설어서 어려울 수 있지만
차분히 따라가다 보면 배우게 되고,
실습하면서 익힌 후엔 이론도 더 쉽게 이해할 수 있다는 걸 느꼈어요!
