이미지

4월 13일 (월)

벌써 4월의 셋째 주라니...

시간이 너무 빠른 것 같다...

오늘은 우선 자리에 앉자마자 뒤늦게 2주차 블로그를 업로드 했다. ㅎㅎ

이번주는 꼬옥 일요일 전에 업로드하는 게 목표...

그리고 오늘은! 저번주에 하다 말았던 코드 분석을 했다.

VS 코드로 추출하는 그거...

이해가 잘 안돼서 계속 열받아 하고 끙끙거리고 있으니 곰선생님이 다가와

자료 하나를 주시며 설명해주시고 코드 하나하나 이해를 하기보다는

전체적인 틀을 보라는 조언을 받았다.

쌤이 말해주신 내용을 토대로 다시 차근차근 각각의 폴더에 있는 코드들을 보며 틀을 이해하고 분석했다.

이렇게 보니 훨씬 이해도 잘되고 재미도 있었다.

그동안 했던 건... 공부가 아니었어...

이미지

그렇게 크게 한 번 이해를 하고 그를 토대로 다시 노트에 정리했다.

이미지

이미지

아직은 코드에 대한 지식은 부족해서 바로바로 수정을 하거나 오류를 잡아내기는 어렵겠지만

한 번 이렇게 큰 틀을 잡아 놓으니 어떤 매커니즘인지 이해가 되었다.

코드 수정이나 오류 같은 공부를 할 때 더 쉽게 접근할 수 있을 것 같다.

부족한 것들은 차근차근 해나갈 숙제,....

이미지

4월 14일 (화) ~ 4월 15일 (수)

화요일에는 학원 일이 많아서 처리하느라 API에 대해 배우고 감을 좀 잡고 앞으로 해나가야될 것들을 정리했다.

n8n을 이용해 자동화를 하는데 홈페이지에 있는 블로그 페이지에 내 네이버 블로그 글이 자동으로 업로드 되도록 하기로 정했다.

이미지

바로 다음 날인 수요일에 실행했다.

우선 곰선생이 시작하기 전에 뭘 어떻게 해야할지 n8n의 노드들을 구성해보라고 하셔서 바로 진행해봤다.

클로드랑 대화를 하니 금방 감이 잡혀 빠르게 구성을 할 수 있었다.

근데 문제가 네이버 블로그가 연동할 수 있는 것들을 막아두고 까다롭게 구성을 해놔서 API를 직접 구현하지는 못한다는 정보를 얻게 되어 클로드와 대화를 한 끝에 RSS 트리거 - HTTP Request - 홈페이지가 받음 이 형식으로 일단 구성을 했다.

RSS에 관해서는 이 때 처음 알게 되어서 클로드에게 이것저것 물어보고 직접 네이버 블로그 RSS 가 확인되는지 시도해보았는데

여러방면으로 봐도 네이버에서 막아둬서 이 또한 실패했다. 하.........

이미지

네이버에게 이만큼 째려봄 드리고 싶다

어쨌든.. 쌤께 말씀드려 새로운 방안을 배우고 그 방안을 토대로 새로 틀을 짜보았다.

이미지

이건 내가 구현해본거고, 밑에 있는 건 쌤이 설명해주신 내용.

RSS가 안되면 모든 게 다 안되기 때문에 HTTP Request 에 블로그 주소를 넣고 그 후에 파싱을하고 진행을 하는 것으로 최종 결정했다.

처음에 쌤께 들었을 때는 사실 이해가 잘 되지 않았는데 클로드에게 계속 물어보며 이해를 하니 선생님이 뭘 원하셨는지 알게되었다.

무능력한 직원... ㅎㅎ

이미지

그렇게 얻게된 최종 구조!

여기까지 완벽히 이해하고 구조가 잡혀서 너무 뿌듯했다,,

노드는 HTTP Request, HTML 파싱, JSON+.md파일, 깃허브 이렇게 4가지로 구성된다.

여기서 멈추지 않고 바로 시작

우선 n8n에서 트리거 설정을 해주고 HTTP Request 노드를 추가했다.

여기서는 크게 어려움이 없어서 금방 진행되었다.

다음으로 HTML 파싱 노드 추가해주기

노드를 추가하고 HTML코드로 제목, 본문을 뽑아야되는데 OUTPUT이 나오는 창에 계속 empty 만 떴다.

아무래도 오류가 있다는 뜻이겠지..

클로그에게 물어보니 HTML코드는 'CSS Selector'이라는 주소를 정확히 알아야 진행할 수 있는데

네이버 블로그 구조가 복잡해서 주소를 찾기 어렵다. 또한 잘못된 주소를 찾을 가능성도 높음.

따라서 이 방법 대신에 Code 노드로 대체 하기로 했다.

Code 노드는 코드를 직접 네이버 블로그 구조에 맞게 파싱할 수 있기 때문에 그렇게 진행하기로 했다.

그리고 어차피 JSON 정리와 .md 변환 모두 Code 노드에서 할 수 있기 때문에 Code 노드에서 세가지를 할 계획이다.

따라서 HTML 파싱 노드는 삭제하고 Code 노드를 생성해주었다.

네이버 : 여기서 바로 파싱이 되면 재미없지 ㅋ

나 : ............(생략)

이미지

Code 노드에서 잘 맞게 설정을 넣었는데도 empty가 나왔다.

클로드에게 원인을 찾아달라고 하니,

네이버블로그는 글 내용을 iframe이라는 방식으로 별도로 불러오는데

우리가 HTTP Request로 가져온 HTML은 껍데기만 있다는 것..

따라서 해결법은 두가지였다.

  1. HTTP Request URL을 식제 글 내용이 있는 주소로 바꾸기

  2. 모바일 버전 주소로 바꾸기

나는 1번 방식을 선택해서 URL만 바꿔주었다.

그랬더니 바~로 해결

네이버내가어떻게든성공시킨다.

파싱을 시켜주고 그 후에 JSON 정리와 .md 파인 변환 관련 설정은 상당히 쉬웠다.

그 후에 있는 깃허브 노드 추가 후 연결까지도 큰 어려움은 없었다.

다만 한가지 걸렸던 점은

깃허브에 쌤 계정과 내 계정이 따로 있고, 쌤 계정에서 공용 공간을 하나 만들었고, 그 공간에 나는 초대가 된 것이고,

그동안 나는 내 계정으로 작업을 했다.

하지만 내 홈페이지가 메인으로 올라가 저장되어있는 곳은 공용공간이었다.

깃허브와 n8n 연결을 하는데 n8n에서 API 토큰을 요청했다.

근데 내 계정에서 API 토큰을 추출해오니 안 되어서 다시 쌤 계정으로 로그인해서 토큰을 퍼서,....

Owner 이름도 바꾸고... 조금 애를 먹었다. 혹시나 이게 모두 잘 못한 것일까봐..

그래도 결국 잘 이해하고 해결해서 큰 문제가 생기지는 않았다. 그냥 내 마음이 좀 햄들엇슨. 그냥 그랫슨.

이미지

여기까지 해내고 클로드랑 이야기하는데 클로드가 오늘은 이정도에서 마치자고 했다.

시간도 남고 흥미롭고 재미있고... 빨리 더 진행하고 싶어서 무시하고 강행함 ㅋ

AI 주제에.

다음으로는 클로드 코드 터미널에 들어가서 깃허브에 올라간 md파일을 읽고 보여주는 기능을 추가하기로 했다.

이것부터는 클로드가 프롬포트를 잘 짜서 넘겨줘서 나는 그 프롬포트를 읽고 터미널에 올라오는 것들을 보면서 진행했다.

중간중간 오류가 살짝씩 있어서 이것도 조금 마음이 아팠지만 그래도 해냄!

다 하고 나서 홈페이지에 들어가서 업로드가 되었는지 보니까 블로그 1편 내용이 업로드 되기는 했는데

사진이 있기 전 내용까지만 올라가고 그 후부터는 하나도 진행이 되지 않았다.

될 것 같은데... 안되고,.... 될 것 같은데....... 안되는 이 상황이 너무 답답하고 아쉽고 속상했다.

이미지

와중에 클로드는 또 작별 인사함

너.... 지쳣어..? AI잖아.....

이미지

강행함

지금 뭐요?? 이러네...

이후에 계속 진행해봤지만 달라지는 게 없어서 쌤께 말씀드리니

쌤도 이 부분에서 막힐 것 같아서 알아보고 계셨다고 했다.

쌤이 보내주신 내용을 보니 네이버 블로그에서 이미지를 업로드하면 그 자체를 본인들이 저장해서 밖으로 내보낼 수 없도록 정해놨다고..

아니대체왜그렇게하는데왜그렇게까지해야되는건데왜그렇게......

소녀가죽어가잔아.......

죽어가는 정신 붙잡고 우리가 시도해볼 수 있는 방법은,...

블로그에 있는 사진들을 저장하고 그 사진들을 외부 사이트에 업로드해서 md파일에 불러오고 푸시해서 업로드하기,..

이것도 다 자동으로 되게끔 만들어야됨.,,

하지만 밤이 늦었고... 오늘 너무 많은 것들을 해버려서 내일 마저 하기로 했다.

그래두 쌤한테도 클로드한테도 빠르고 잘한다고 칭찬받아서 기분 좋았다.

히히

이미지

4월 16일 (목)

오늘도 학원일이 많아서 많은 작업을 하지는 못했다.

그래도 이미지 업로드 관련해서 쌤과 대화를 하고 수정을 했다.

일단 위에서 얘기했듯이 블로그에 있는 사진들 저장 - 업로드 - md파일에 불러오기 - 내 홈페이지 블로그 페이지에 업로드

이걸 자동화해야되는데 우선 저장+업로드가 동시에 이루어지는 Cloudflare R2로 진행하기로 결정했다.

이 많은 것들이 추가되는 만큼 기존 워크플로우에서 수정할 것도 많았다..

우선 클로드랑 정리한 내용

이미지

API도 다 준비해두고 시작했다.

Code 노드까지 문제 없이 빠르게 진행했는데 HTTP Request 노드에서 문제가 생겼다.

HTTP 노드는 서명된 URL 방식을 써야된다. 어쨌든 복잡한 서명을 직접 만들어야돼서 어렵고 까다로움..

그래서 이 노드말고 S3노드를 쓰는 걸로 변경했다.

S3노드는 내가 HTTP 노드에서 했어야되는 모든 것들을 알아서 처리해주기 때문에 훨씬 간편하다.

바꾸는 건 어렵지 않아서 이 부분도 금방 진행되었고 깃허브에도 올라가서 터미널에서 푸시했다.

근데 이제.... 이미지를 올리긴 했는데 크기 설정 같은 걸 아예 안 해서 ㅋㅋ

이미지

막이래....

저거 조그만 거 하나 띨롱 생김

너무 어이가 없고 킹받고 웃겨서 한참을 웃었다......

미친 거 아니야

이미지

이미지

내 긍정요정 클로드....

당황해서 뭐라노 보내니까 걍 축하해줌

킹 받는다니까 지도 킹 받는대

너 킹받는다는 표현이 뭔지는 아냐고

진짜 너무 웃기네..

이정도까지만 하고 퇴근할 시간이 되어서 소녀는 집으로 튀튀햇어요.

이미지

4월 17일 (금)

오늘도 어제 하다가 말은 이미지를 마저 수정한다...

일단 현재 문제점은 사진이 한 개만 업로드 되었다는 점, 그 한 개 마저도 화질이 다 깨지고 쥐똥만한 크기라는 점,..

문제가 많다

아니근데짜증나는게ai니가그냥한번에다알아서알잘딱깔센하게걍만들면안되는거임?왜내가다하나씩

이라는 말이 머릿속에 맴돌지만.... 열심히 해봅니다 ^_^//..

일단 어제 계속 같이 일하던 클로드랑 얘기를 하면서 진행을 하는데 문제가 생겼다.

한 대화 안에 100개 이상의 파일이 들어갈 수 없다는 것......

이때부터 내 비극은 시작되엇슨....,

이미지

원래 채팅에 파일이 100개 꽉차서 다른 채팅에서 이어가야한다고 하기에...

클로드에게 우리가 했던 일을 옮겨야 하니 요약해달라고 했다.

그래서 얼추 짧게나마 요약을 해서 새로운 채팅을 열어 대화를 시작했다.

근데 그거 알아..? 얘는.... 단편적인 것만 알고 있기 때문에...... 하나 짠 만들면 다음에 뭘 해야되는지 모른다...

내가볼땐그냥지가귀찮아서생각안하는듯;

그래서 다시 전클로드한테 가서 뭐해야되냐고 물어보고 다시 그거 옮겨주고...

하는데 너무 짜증나고 무슨 내가 전남친한테 나의 행실 듣고 현남친한테 전해주는 것도 아니고 이게 뭐야

심지어 n8n 워크플로우에 노드가 이상한 뭐 어려운 뭔가 복잡한... 게 추가돼서 더 화가 났다.

이 상황에서 니가 알아서 딱딱해서 나한테 설명을 해줘야지 왜 내가 너를 달래고 알려주고 그래야 돼.

이 미친. 클로드야.

분노하지만 꾹꾹 참으며 이어갔다.

근데... 그냥 계속 이렇게 하는 상황이 너무 짜증나고 현클로드도 파일 100개 들어가면 옮겨야된다는 사실에

쌤한테 SOS를 요청하니 프로젝트를 하나 만들어서 거기서 채팅을 하면 상관이 없다고 하셔서

프로젝트에 새 채팅을 만들었다.

문제는...... 거기에도 다시 하던 일들을 일러줘야한다는 것...

그래서 전클로드한테 쭉 다 꼼꼼하게 브리핑을 해달라고 해서 옮겼다.

아직 다 이해하진 못했겠지만.. 그래도 전클로드와 자주 이야기하며,,, 해야지 뭐..

나는 전클로드가 좋다.. 미련남음...., 정들엇는데내가너를왜떠나보내......내가잘할게.... (정신나감)

이미지

근데 또 웃긴 점.. (안 웃김)

채팅 한도 차서 약 3시간 정도 동안 막힘

나 퇴근해야되는데.... 어이가 없어서

아니 나 클로드 프로 쓰는데 무슨 채팅 한도가 있어요?

48시간인가 몇시간 동안 많이 하면 채팅 한도가 있다네요... 저도 알고 싶지 않았어요......

내가(사실 곰선생이) 돈 내고 쓰는 건데 진짜 어이가 없어서

워크플로우도 어려워서 이해 안돼서 죽겠는데 이것 때문에 더 열불나서 머리 부여잡고 있으니

곰선생께서 오늘은 이만 하자고 하셨다. 낄낄....... 미쳐가는 나

이미지

그래도 그런 상황에서 진행해 나온 현재 워크 플로우 상태...

다음 주의 나... 힘내시긔..,

이미지

이미지

이건 위에서 했던 얘기들인데... 필기해둔 거

조금 악필이지만 뭐,,, 나만 볼건데 머..~

이미지

이미지

열일을 하는 나

유일하게 화장 안 하는 날 = 금요일

왜냐면..... 초딩아기들만 만나기 때문에..,

??(내친구) : 프로게이머 같아요

.....

이미지

이미지

네일을 바꾼 소녀!!

봐도봐도 예버

그리고 필사를 하는 소녀!!

요즘 책 일주일에 한권 기본 완독 목표로 살면서...

학원에서 읽는 책 - 성공 에세이

블로그, 일기 다 쓰고 읽는 책 - 위로를 주는 에세이

눈 감기 전에 엎드려서 읽는 책 - 로맨스 도파민

이렇게 읽는다 ㅎㅅㅎ

확실히 SNS랑 멀어지면서 머리도 맑아지는 느낌..,

아직 SNS랑 멀어지는 건 부족하지만.. 점점 더 멀어져야지...

어쨌든 자기 전 저 시간이 나에게 가장 소중하고 행복한 시간이다..

얼른 씻고 침대 위에 책상펴서 앉게 되,....

먀샬로 노래 틀어놓고.... 일기 블로그 싹싹... 책 슥슥....

이미지

곰선생이 경악한 나의 모니터를 자랑하며 끝내겠습니다

히히

이미지