블로그 초안 작성 대시보드 만들기 2탄! (Feat. Make Custom app)

소개

지난 주에 했던 것에 이어서 추가로 몇 가지 작업을 했어요!

https://www.gpters.org/nocode/post/create-dashboard-reference-blog-V35v7bGVJxaYOQA

진행 방법

프로젝트의 단계를 보여주는 흐름도

지난주에 모듈 5개 짜리였던 시나리오가 2배가 넘는 모듈로 환생 ㅎㅎ

중국 웹 사이트의 스크린 샷

이제 2칸만 더 채우면 일단 1단계가 완성이 됩니다!

그 과정을 살펴보자면, 먼저 네이버 검색 광고에 잡히는 키워드 별로
PC, Mobile, Total 검색수를 가지고 오는 API를 만들고,
Make에서 Custom App을 만들었어요!

이재엽_miniLAB 님의 도움으로 네이버 검색 광고 API를 직접 받지 않고
다른 사이트에서 curl을 추출해서 Claude와 Cursor를 활용해서
저의 첫 API를 만들었어요!

검색어를 입력하면 다음과 같이 검색어의 조회수를 만들어 줍니다.

한국의 웹 페이지의 스크린 샷

엄청나게 어설프긴 하지만, 그래도 돌아가는 자체로 혼자 신났습니다 ㅎㅎ
처음에 route.js를 만들고 나니 안 돌아가서 Cursor가 필요한 페이지를 자동으로 생성하고
그 페이지를 github에 올리고, 자동으로 vercel로 배포가 되도록 설정을 했습니다.
(개인적으로 이 부분은 뭔가 새로운 세상이 열리는 기분이랄까? ㅎㅎ)

API가 서버와 통신을 할 수 있는 준비를 하고
요걸 바탕으로 해서 Make에서 Custom App을 만들었어요!

커스텀 앱 만드는 건 푸르공 님께서 하셨던 유료 과정에서 배웠습니다.
이것도 Claude에게 정말 열심히 물어봤어요!

엄청난 에러 폭탄이 나왔지만, 인내심을 가지고 티키타카를 하면
어쨌든 돌아가는 앱이 생기더라고요!

단어가없는 녹색 화면

시나리오의 3번째 있는 귀염뽀짝한 모듈입니다!
이 모듈이 뽑아준 조회수를 기반으로 글을 써야될 지 아닐지를
어느 정도 판단할 수 있다고 하더라고요.

하먹이 님의 글을 참조해서 블로그 전체 글을 긁어왔고,
html to text로 가져온 내용 중을 GPT를 이용해서
신고하기와 공감한 사람 보러가기 사이에 있는 글을 가지고 오라고 시켰습니다

# Developer / System에 넣은 Prompt
- Your role is to extract only the content between “신고하기” and “# 공감한 사람 보러가기”
- Answers are in Korean.

아주 짧게 넣었지만, 똑바로 가지고 오더라고요.

이렇게 해서 가지고 온 전문은 노션 데이터베이스 내부 페이지에 넣어서
데이터베이스 한 칸에 1,000자의 벽을 넘는 걸 해결했습니다.

한국어 한국어 한국인 한국인 한국인

시나리오를 만들었는데, 자꾸 페이지에 첫번째 가지고 온 값만 넣어서
제가 노션을 잘못 이해한 건가 했는데
앞에 링크 가지고 오는 것부터 잘못 설정해서 그런거더라고요 😅
컴퓨터는 거짓말을 안 한다는 걸 다시금 깨달았네요 ㅋ

결과와 배운 점

일단 뭐 어떻게 되는지 잘 몰라도, Claude랑 티키타카 하는 인내심을 가질 수 있다면
내가 만들고 싶은 건 만들 수 있겠구나란 생각이 들었고
이 과정 자체가 Cursor를 MCP에 연결하면 훨씬 쉽게 접근할 수 있겠구나 싶더라고요!

다음 주에는 아직 비어 있는 작성자 영향력 순위와 방문자 수 가져오는 작업을 해야 됩니다!
이건 보안도 뚫어야 되고, API도 추가해야 가능한 부분이라서
이번 주는 일단 여기까지하고 시마이 합니다!

요게 다 되고 나면 긁어온 글을 기반으로 GPTs로 블로그 초안을 쓰고
그 다음 Make로 올리기 직전의 글과 사진 생성까지 하는 게 전체 목표입니다!

도움 받은 글 (옵션)

https://www.gpters.org/nocode/post/osmu-using-make-automatically-V6TleyXabx0wYQN

요 글에서 블로그 글 긁어오는 걸 참고했어요!

3

👉 이 게시글도 읽어보세요