00:00자, M8으로 네이버 뉴스를 스크래핑하는 봇을 만들어 볼 거예요
00:04자, 이거는 제가 파이썬 강의에서 알려 드렸어요
00:07바이브 코딩 강의에서 알려 드린 건데 어, 요거를 이제 비교를 하기 위해서이 강의를 준비를 했고요
00:14강의 결과물과 M8으로 만든 자, 결과물이 어떻게 차이가 나고 어떻게 접근을 하시면 되는지 보여 드리겠습니다
00:23이거 윈드프 열고
00:25자, 이거는 저희가 바이브 코딩으로 만들어 봤던 프로그램이거든요.이 프로그램을 실행을 해 보겠습니다
00:32자, 우리가 텔레그램 연동하는 봇 프로그램을 만든 거고요
00:34이제 요런 프로그램입니다
00:36봇은 자, 이걸 켜서 API 키를 복사를 해 가지고 접속을 한 다음에 자, 여기 이렇게 들어가서 여기서 삼성전자를 검색을 해 볼게요
00:47검색을 하고 뉴스 전송을 누르면은 자 여기 있는 채팅 아이디에다가 어 웹 스크래핑한 결과를 요런 식으로 전송을 해 주는 기능을 가지는 이제 프로그램이에요
00:57그래서 키워드를 다른 걸 넣으면은 다른 걸 검색해서 이제 결과를 보내 주겠죠
01:05자, 요렇게 하면은 이번에 현대차를 검색어로 검색을 해 가지고 뉴스 제목과 링크를 이렇게 정리를 해서이 보내 줬습니다
01:12자, 현대차로 검색을 해서 보내줬고 이걸 클릭을 해 보시면은 뉴스 페이지로 잘 들어가요
01:19자, 요거를 이번에는 M8으로 만들어 볼 겁니다
01:22바이브 코딩 강의 안 보신 분들은이 강의 끝나고이 강의를 그러니까 이거 만들어 본 강의를 보시면서 비교를 해 보시면 여러분들이 이제 어떤 걸로 내가 프로그램을 만들어야 되겠다라는 것에 대한 감이 오실 거예요
01:37코딩이 더 맞으시면 바이브 코딩으로 하시는게 훨씬 더 자유도가 높고요
01:42코딩이 안 맞으시면 그냥 M8N을 활용을 하시면 되는데 우선은 M8에서 이걸 만들어 볼 겁니다
01:49채팅으로 검색어를 입력받아서 네이버 뉴스를 검색하고 그 결과를 텔레그램으로 전송해 주는 엠팔앤 워크 플로우를 만들어 볼 거고요
01:58이걸 먼저 만들고 텔레그램 검색 보이드시키는 것까지 해 볼 거예요
02:05자, 우선은 이게 제가 만들어 놓은 미리 만들어 놓은 건데 요런 흐름으로 작업들이 진행이 될 거고 이걸 같이 한번 만들어 보겠습니다
02:14크리에 워크플로 해 가지고 여기서 온 메시지이 모듈을 사용을 하고 이걸 사용하는 방법은 뭐 그렇게 어렵지는 않아요
02:25자 다시 이걸 보여 드리면은 플러스 해서 온체 메시지 한 다음에 메이크 퍼블리시 자 이거를 이제 클릭하시면은 요렇게 창이 떠요
02:35그러면은 여기에 환영 인사를 작성을 해 줄 수가 있고요
02:38이렇게 하겠습니다
02:39자, 요렇게 하고 자, 호스티드 챗으로 하고 인증은 안 받아도 되니까 이거 논으로 하겠습니다
02:45논으로 한 다음에 여기 보시면 채 URL에 이렇게 주소가 있습니다.이 주소로 들어가면은 채팅을 할 수가 있어요
02:53자, 요렇게 하고 다른 곳을 누르면 이렇게 꺼지거든요
02:57여기 아래에 보시면 채팅 화면이 생겼죠
03:00여기에다가 채팅을 이렇게 하시면 채팅이 여기로 들어가요
03:02더블 클릭하시면은 채팅한 내용이 이렇게 들어오거든요
03:07그럼 제세션 아이디랑 요런 정보들이 들어갑니다
03:09자, 요거를 여기 나와 있는 주소를 복사를 해 가지고 웹 브라우저에서이 주소로 접속을 하면은 접근이 됩니다
03:17지금 안 되는데 이거 대게 해 볼게요
03:21이거를 액티브를 시키고 이걸 새로고침하면은 요렇게 채팅창이 떠요
03:26자, 검색어를 입력하세요라는 안내문구가 뜨죠
03:28지금이 주소를 여러분들께 한번 보내 볼까요? 여기 들어오셔 가지고 채팅을 한번 해 보시면은 채팅이 이렇게 들어옵니다
03:38될 거예요
03:38그리고이 노드가 지금 실행이 되고 있는 거라서 엑스큐션을 열어 보면 누가 채팅을 치면 여기 실행된 거 어 누구 한 분이 채팅 치셨네요
03:48이렇게 업데이트가 돼요
03:50자 이거는 어떤 내용인지 볼까요? 다른 분들도 채팅을 하고 계시는데 자 요렇게 외 주소를 외부에서 접근 가능한 도메인을 연결을 해 주셔야지 요런 기능들을 활용을 하실 수가 있는 겁니다
04:03자, 그리고 이거를 이제 지금은 이넥티브 상태고 어 이넥티브 상태는 개발하는 단계라고 보시면 되고 개발이 다 끝나서 서비스를 하는 단계에서는 이걸 액티브를 실행을 시켜 주시면은이 서버처럼 돌아가게 만들 수가 있는 거거든요
04:17그래서 요거는 참고를 해 주시면 되고 가장 기본적인 내용이니까 그렇습니다
04:21자,이 채팅에서 우리가 검색어를 입력하도록 만들었어요
04:25벌써 이게 끝입니다
04:27네
04:27그리고 여기 플러스 버튼을 누르셔 가지고 검색을 하는데 어 http라고 검색을 하시면은 http 리퀘스트라는이 노드가 있고요
04:35이걸 클릭을 하시면 이렇게 설정할 수 있는 창이 됩니다
04:39자, 여기에 우리가 스크래핑을 하고자 하는 웹사이트의 주소를 작성을 해 주시면 돼요
04:44자, 네이버에서 삼성전자 검색해서 뉴스탭에 들어가서 자, 여기서 F12를 누르면 되겠죠? 그리고 셀렉터를 이렇게 선택을 해서 값을 얻어오는 건데이 주소를 우선 복사를 하는데 쿼리라는이 쿼리 스트링의 검색어가 들어가니까 요거를 제외한 나머지 주소를 복사를 합니다
05:09이렇게 복사를 해서 M8N 가셔 가지고 여기 URL에다가 집어넣습니다
05:14메소드는 개수로 하시면 돼요
05:17스로 하시고 인증이 따로 필요 없으니까 어선티케이션도 논으로 하시고 우리가 검색어를 쿼리로 줘야 되니까 샌드 qu리 파라미터스를 온을 시켜 줍니다
05:27자 요렇게 하시면 이름과 밸류로 쿼리 스트링을 보내도록 만들 수가 있어요
05:32자 이름에다가 여기 삼성전자 검색어 넣는 퀄리가이 쿼리라는 이름이니까 쿼리를 넣어 주시고요
05:40여기에는 앞에서 받아온 결과를 넣어 주시면 됩니다
05:42자, 지금이 노드가 연결이 안 돼 있는데 이거를 렇게 근처에 갖다 놓으시고 요걸 끌어서 요렇게 붙이시면 이게 이어지는 거예요
05:52자, 이어지면 이걸 다시 더블 클릭해 보시면 여기 앞에서 실행된 결과를 확인하실 수가 있습니다
05:58이렇게 되어 있는 상태에서 여기 채 인풋 있죠? 이거를 끌어다가 여기 밸류에다가 놓으시면 완성이 된 겁니다
06:06자, 이거를 이제이 상태에서이 노드만 실행을 한번 해 볼게요
06:10앞에서 실행된 결과가 있으니까 스텝이라고 하면은 삼성전자를 키워드로이 주소에 접속해서 이쿼리 스트링을 활용해서 검색한 결과가 여기 뜹니다
06:20자, 삼성전자 네이버 뉴스 검색이라는 HTML 데이터가 뜨죠
06:24그리고 아래쪽에 뭐 내용이 너무 많은데 어 검색어가 뜰 겁니다
06:26자, 요렇게까지 하시면은 웹브라우저에 접속을 해서 데이터를 받아오는 것까지 그니까 웹 페이지를 받아오는 것까지 된 거예요
06:36자, 여기서 설명을 드리면 우리가 지난 강의에서 바이브 코딩 강의에서 동적 스크래핑에 대해서 배웠잖아요
06:43지금 하고 계시는 거는 정적 스크래핑입니다
06:45아마 동 스크래핑을 해야 되는 웹사이트의 스크래핑을이 M8으로 하려고 시도를 해 보시면은 안 될 겁니다
06:52제가 그 조사한 바로는 동적 스크래핑은 아직까지 안 되는 거 같더라고요
06:59그래서 다른 방안을 찾아보시거나 바이브 코딩으로 그걸 해결을 하셔야 되는데 제 강의에 다 있으니까 어 참고를 하시면 좋을 것 같아요
07:06자, 여기까지 했으니까 이제 해야 될게 있죠
07:10여러분들 스크래핑 많이 해 보셨으니까
07:12이제 뭘 해야 될까요? 이거를 이제 파싱을 해야겠죠? 어, 쿼리스트링을 가지고 파을 해야 됩니다
07:18자, HTML이라고 검색을 하시면 여기 HTML이 나오고요
07:23이걸 클릭을 하시면 익스트랙트 HTML 컨텐츠라는 노드가 있습니다
07:28이걸 클릭을 하시고 자, 연결을 시켜 주시면 되는데 자, 이렇게 연결을 시켜 주시고 더블 클릭을 하면은 이전에 데이터가 여기 뜨죠
07:35이전에 그 데이터가 지금 제이슨의 데이터 이렇게 되어 있는데 제이슨의 데이터라는 곳에 이렇게 값이 들어가도록 이제 포맷이 알아서 만들어져 있습니다
07:48자, 여기서 뽑아올 그 셀렉터를 우리가 설정을 해 주시면 돼요
07:53자, 다시 뉴스로 가서 제목을 우선 뽑아 봅시다
07:56제목을 요거 클릭하고 요거 누르면은 제목이 있는 곳 나오죠
08:01자, 여기 가서이 셀렉터를 복사를 하셔 가지고이 클래스 셀렉터를 복사를 하셔서 여기 셀렉터에 붙여 놓고 자, 공 제일 앞에 점을 찍어 주시고 공백이 있는 곳에 공백을 지우고 다 점을 찍어 주시면 됩니다
08:16점 찍어 주고 여기도 점 찍어 주신 다음에 익스큐 스텝을 눌러 보시면은 이제 결과가 나올 거예요
08:22어, 여기 지금 자, 제이슨을 보면은 데이터가 이렇게 나왔습니다
08:28여기 리턴 어레이를 켜시면 모든 데이터를 다 반환을 하는데 이걸 안 켜시면 첫 번째 거 하나만 반환을 하고요
08:35우선 첫 번째 뉴스 기사가 이렇게 잘 나왔습니다
08:40보시면은 어 특허 소송 폐소했다는 안 좋은 기사가 이렇게 떴네요
08:454네시간 전에 안타깝게
08:48어, 삼성전자를 하여튼 자, 이제 어레이를 켜고 익스큐션 스텝을 누르면 자, 제목이 다 이렇게 뜹니다
08:55한번 검색을 하면은 개의 데이터가 떠요
09:00그래서 그 열 개의 제목이 기사 제목이 이렇게 다 뜨는 거고 이게 애드 밸류를 클릭하셔 가지고 이제 다른 요소들을 추가적으로 또 받아오실 수가 있어요
09:09자, 이거 어레이를 다 켠 다음에 이번에는 여기 바로 위에 있는이 앵커라는이 요소를 어 받아올 건데 이걸 왜 받아올 거냐면 여기 H래F라는 곳에 있는 주소 보이시죠? 이게 기사 링크입니다.이 링크를 연결시켜 주기 위해서 어이 정보를 받아오는 거고 여기에도 클래스가 따로 이렇게 있어요
09:29이걸 복사를 하셔 가지고 그다음 거에 자 셀렉터에 자 이렇게 붙여 넣어 주신 다음에 점을 또 찍습니다
09:36공백에도 점을 찍고요
09:39자 요렇게 해 주시고 이번에는 리턴 밸류를 어트리뷰로 바꾸고이 어트리뷰에다가 H래F로 작성을 해 줍니다
09:47자, 요렇게 하시면이 쿼리 셀렉터로 찾은 요소의 HF 정보를 어 받아오는 거거든요
09:52이렇게 하고 이스큐를 해 보면은 아이고 자, 이걸 하기 전에 이름을 정해 주셔야 됩니다
09:59타이틀es
09:59자, 여기 들어가는 키가이 데이터로 파싱을 해서 오브젝트로 전환을 할 때 들어가는 키고요
10:06지금 키 이름을 안 적어 줘서음 자 URL 하고 익스을 해 주면은 자 타이틀즈의 제목들이 이렇게 어레이로 들어가 있고 그 아래에 URL의 URL들이 이렇게 들어가 있습니다
10:18그리고 마지막으로 요약까지 끌고 와 볼게요
10:21요약은 여기 있으니까 자 이거를 복사를 해서 똑같이 디스크립션즈라고 하고 셀렉터를 이렇게 붙여서 넣겠습니다
10:29우리가 직접 코딩을 할 때랑 조금 다르죠.이 의 작업이 좀 달라요
10:34이게 좀 뭐 간단한 거 같으면서 코딩하시는 분들은 좀 귀찮고요
10:40자, 요렇게 하면은 오른쪽에 보시면 제목 있고 URL이 있고 디스크립션 이렇게 요약 정보들이 있습니다.이 앱스트랙트로 해도 되고 뭐 디스크립션로 해도 되고 이름은 아무거나 해도 됩니다
10:52여기는 자, 이렇게 하면은이 노드가 이제 완성이 된 거예요
10:56우리가 데이터들을 다 받아왔고이 데이터들을 활용할 준비가 다 된 겁니다
11:01자, 요렇게 하면은 여기에 검색어를 입력하면 그 검색어로 검색을 하고 검색 결과를 파싱하는 것까지 준비가 됐습니다
11:09삼성전자 말고 현대차로 다시 해 볼까요? 자, 요렇게 하고 엔터를 치면 이게 트리거로 작용을 해서 방금 실행이 다 됐죠? 그리고 실행된 결과에 현대차 검색 결과가 렇게 들어가 있습니다
11:22요렇게 데이터들을 확인하면서 작업들을 할 수 있어서 이게 굉장히 편해요
11:26자, 이제 이거를 또 추가적인 작업을 해야 되는데 우리가 텔레그램으로 알림을 보내려면이 형태로 보낼 순 없잖아요
11:34이렇게 제이슨 형태로 보낼 순 없으니까 이거를 좀 포맷을 수정하는 작업을 해야 됩니다
11:39그런데 제가 이걸 찾아보니까 별도의 그 데이터 포맷을 만들 수 있는 그 노드를 못 찾겠더라고요
11:46그래서 제가 쓴 방법은 여기에서 코드를 검색합니다
11:51코드를 검색하시면 이렇게 코드 노드가 있어요
11:53이걸 클릭을 하시면 자, 이렇게 연결이 자동으로 됐죠
11:57여기에다가 우리가 코드를 작성해서 동작을 시키도록 만들 수가 있어요
12:02근데 자바스크립트가 있고 파이썬이 있습니다
12:05근데 파이썬 베타 버전이고 파이썬에 대한 정보를 좀 찾아보려고 했는데 앞에서 만들어진 정보를 받아오는 방법에 대한 도큐먼트를 제가 아직 못 찾아 가지고 어 자바스크립트로 코드를 준비를 해 왔어요
12:19자 제가 준비한 코드를 붙여 넣어 볼게요.이 이 코드까지 제가 네이버 카페에 올려 드릴 거니까 카페 가셔 가지고 다운로드 받으시면 되고요
12:28자, 이거 자바스크립트 코드거든요
12:30요렇게 작성을 해 주시면 되는데 한 줄 한 줄 설명을 드려 볼게요
12:34자, 앞에서 들어오는 데이터가 여기 인풋이라는 거에 들어가 있습니다
12:39자, 인풋이 배열이죠
12:41배열의 첫 번째이 오브젝트를 받아오는게 이퍼스트라는 함수입니다.이 함수를 사용해서 첫 번째 걸 받아오고 이거를 제이슨으로 변환을 이렇게 해 준 다음에 데이터에 저장을 하는 거고요.이 데이터는 제이슨 형태니까 데이터
12:56타이틀에 접근을 하고 데이터.l에 이런 식으로 접근을 할 수가 있는 겁니다
13:02자, 이거 이름 바뀌었으니까 타이틀즈, des스크립션즈, URL 이렇게 바꿀게요
13:07아이고
13:07자, 요렇게 하시면 되고 이거 확인을 하시려면 요거를 긁어 가지고 여기 가져오시면은 이게 어떻게 접근이 되는지 이렇게 나옵니다
13:16그래서 요거는 참고를 하시면 되는데 어 하나 보여 드리면 파이썬으로가 가지고 파이썬은 지금 보시면 언뜻 보기에도 코드가 다르죠
13:26요거를 긁어서 가지고 오면은 똑같이 자바스크립트 문법으로 이렇게 떠요
13:31그래서 아직 완전히 지원이 안 되는 상태다라고 이해를 하시면 되고 자바스크립트가 파이썬이랑 거의 유사합니다
13:37그러니까 자바스크립트 문법을 조금만 공부하시고 자바스크립트를 활용한다고 생각하시는게 훨씬 더 좋을 거예요
13:43그리고 외부 패키지를 활용하는 것도 자바스크립트를 이용을 하는게 훨씬 더 쉬운 거 같더라고요
13:50차이점을 조금 설명을 드리면 나머지 코드는 똑같습니다
13:52뭐 리턴 이런 것도 똑같고 배열이랑 오브젝트 설정하는 이런 것도 똑같고 여기 변수를 설정할 때이 콘스트 렛 이런 거만 이제 추가적으로 사용을 하시면 되는데 파이썬은 변수 만들 때 앞에 뭐 안 적어 주잖아요
14:07그런데 자바스크립트는 어 적어 주셔야 됩니다
14:11콘스트는 상수라는 의미고요
14:14변하지 않는 값을 변수에 담을 때 한 번 초기화한 값이 변하지 않으면 콘스트를 적어 주시면 되고 메시지는 보시면은 여기에 메시지 값이 계속 변하죠
14:23여기 안에서 자, 이럴 때는 이제 레스로 해 주시면 됩니다
14:27레스로 해 주시면은 끝이에요
14:27네,이 정도만 설명을 드리고 우선 넘어갈게요
14:31자, 여기 보시면 이게 핵심인데 어, 이게 문자열을 만드는 방법이거든요
14:36자바스크립트에서 백틱을 양쪽에 넣으시고 여기 안에다가 문자열을 작성을 해 주시는데 달러 표시하고 중괄호를 열고 중괄로를 닫으면 여기 안에 변수를 사용해 줄 수가 있습니다
14:49자, 타이틀스 디스크립션즈 URL의 길이가 모두 동일하니까 요거 하나만 가지고 반복문을 이렇게 만들어 주시면 되고이 반복문의 인덱스를 활용을 해서 각각의 정보들을 받아와서 하나의 문자열로 이제 만들어 주시는데 우선은 여기 HTML로 이렇게 되어 있습니다
15:09이게 그냥 문자열로 만들어도 되는데 우리가 링크를 달아야 되잖아요
15:14링크를 달아야 되기 때문에 이걸 HTML로 바꿔 주는 겁니다
15:16바꿔 준 다음에 나중에 한 가지 처리를 더 해서 완성된 그 내용을 텔레그램으로 전송하게 될 거예요
15:24그리고 완성된 메시지 문자열을 이렇게 텔레그램 메시지라는 키에다가 요렇게 넣어서 다음 스텝으로 넘겨 주는 겁니다
15:35자, 이걸 실행을 해 볼게요
15:35실행을 하면은 아이고, 어디가 틀렸다고 그러죠? 아홉 번째 라인 아 여기 틀렸다는데 타이틀즈가 돼야 되는데 디스크립션 URL 자 이렇게 하고 엑스큐션을 해 보면은음 뭐가 틀렸나요? 아, 스펠링이 틀렸네
15:52죄송합니다
15:52자, 이렇게 하면은 텔레그램으로 보낼 메시지가 이렇게 나오는데 요거 보시면은 HTML 태그 형태로 이렇게 들어가 있어요
15:59그래서 이걸 바로 보내면음 HTML 형태로 전송이 되니까 이걸 이제 추가적으로 수정해 주는 단계가 필요합니다
16:08자, 우선은 여기에다가 자, 텔레그램 검색하시면 요렇게 텔레그램 관련된 함수들이 쭉 나오거든요
16:15여기서 샌드 메시지라는게 있어요
16:18샌드 어 텍스트 메시지라는 노드가 있고 이걸 클릭을 하셔 가지고 요걸 받아 오시면 돼요.요 노드를 여기에 연결을 해 주시면 됩니다
16:27자, 이걸 클릭해 보시면은 우선 여기 크리덴셜을 추가를 하셔야 되는데 지난 강의 보신 분들은 좀 아시겠지만이 크리ate 뉴 크리덴셜 눌러 보시면은 이제 엑세스 토큰을 입력하는 곳이 있습니다
16:40여기에 뭘 입력하냐면 우리 봇파더에서 받아온 API 키를 복사를 하셔 가지고 여기 넣어 주신 다음에 세이브를 해 주시면 돼요
16:47저는 세이브를 해 놓은 거라서 여기 이렇게 선택을 한 거고 API 키와 우리가 채팅을 보낼 채 아이디를 작성을 해 주시면 됩니다
16:56자, 이거는 계속 강의 때마다 보여 드리는 건데 잠깐만요
17:00요것도 자, 여기로 들어가 보시면은 자,이 보 토큰을 사용해서 보정보 아이고, 여기가 아닌데 여기 채팅방을 여기 개인 채팅방으로 할게요
17:11이렇게 하고 검색을 하시면 여기 채 아이디가 나옵니다
17:13여기 나오는 채 아이디 이거를 복사를 이렇게 클릭을 하셔서 복사를 하시면 되고
17:18자, 복사한 거를 여기 채 아이디에다가 붙여 놓습니다
17:21그리고 텍스트 부분에 텔레그램 메시지를 당겨 놓어요
17:26당겨 놓고 요렇게 해서 이제 보내시면 되는데 제가 아까 설명드린 것 중에 지금 이거는 이제 HTML이라고 말씀을 드렸죠
17:34이거를 텔레그램으로 바로 보내면은 어떻게 되는지 한번 보겠습니다
17:39이렇게 익스큐션 스텝 누르면 텔레그램으로 왔어요
17:43왔는데이 태그가 그대로 이렇게 들어가 있습니다
17:45태그가 들어가 있고 링크도 이렇게 있고 우리가 원하는 형태가 이게 아니잖아요
17:50이제 요거를 여기 애드 필드 누르셔 가지고 파스 모드라는게 있어요
17:56이걸 클릭을 하셔서 지금 HTML 이걸 선택을 해 주시면 앞에서 들어오는 데이터가 HTML이면이 HTML을 이제 다른 형태로 바꿔 준다라는게 됩니다
18:06그리 다시 한번 익스큐 스텝을 해 볼게요
18:11자, 요렇게 하면은 들어오는 데이터가 조금 바뀌었죠? 자, 요렇게 바뀌었습니다
18:14링크 뒤에 문자가 있었는데 문자에 그 타이틀에 링크가 달린 거예요.이 타이틀을 클릭을 해 보시면은 자, 이렇게 주소가 잘 열리는 걸 확인을 하실 수가 있습니다
18:26자, 여기까지 한 상태에서 이제 그러면 전체적인 프로세스가 완료가 됐잖아요
18:31세이브를 한 다음에 이걸 액티브를 시키고 아까 했던 것처럼이 주소를 활용해서 이제 테스트를 해 보는 거예요
18:40자, 이거 여러분들도 테스트 같이 한번 해 봅시다
18:43요렇게 켜 놓고 누가 아무 검색어나 한번 쳐 보세요
18:46이게 검색이 잘 되는지 보는 겁니다
18:48어, 누가 테슬라 검색하셨네요
18:50자, 보시면은이 채팅방에서 검색어를 입력하면 그걸로 검색을 해서 네이버 기사를 잘 보내 주죠
18:57자, 요렇게 하면은 우리가 검색 뭐 봇을 만들었다고는 할 수 없지만 검색을 하는 그니까 채팅으로 이제 검색어를 넣었을 때 검색을 해서 텔레그램으로 보내 주는 워크플로우 하나를 만든 거예요
19:11자, 이거를 우리가 바이브 코딩으로 만든다고 하면은 시간이 훨씬 더 적게 걸렸을 수도 있습니다
19:17그런데 차이점이 있습니다
19:17어, 여러분들이 바이브 코딩으로 하실 때랑 요렇게 자동화 도구를 쓰실 때랑 차이점이 얘 같은 경우는 지금 강의를 보시면서 느끼셨을지 모르겠는데 형태가 명확해요
19:30그니까 명확하기 때문에 우리가 체크할 거는 여기 안에 들어가는 요런 값 몇 가지들 밖에 없습니다
19:36그리고 인풋 넣고 아웃풋 잘 나오는지 확인하고 제 요렇게 명확하기 때문에 코딩을 잘 모르시는 분들은 정말 편하게 이용을 하실 수가 있어요
19:46자, 이렇게 프로세스를 하나 만들었고요
19:47이거를 가지고 채봇을 만들어 보겠습니다
19:50자, 채봇이라기보다는 검색인데 자, 지난 강의에서 알려 드린 것 중에 이걸 복사할 수 있다고 알려 드린 거 기억하시나요? 자, 이걸 복사를 한 다음에 퍼스널로 가셔서 새로운 걸 만들고 여기에 붙여 넣겠습니다
20:04그러면 우리가 만든 걸 새로운 워크 스페이스에 붙여 넣을 수 있는 거고 이걸로 테스트를 해 보시면 잘 동작이 됩니다.이 값들까지 설정된 값들까지 다 들어가 있는 거라서 다른 사람이 만든 거를 내가 당겨와서 API 키만 바꾸면 잘 동작이 되는 것도 굉장한 메리트예요
20:23자,요 상태에서 우리가 채을 만들 건데이 제일 첫 번째이 채팅 부분을 삭제를 합니다
20:27삭제를 하고 텔레그램이라고 여기서 검색을 할 거예요
20:33자, 이걸 검색을 해 보면은 아까와 좀 다른 내용이 나옵니다
20:37어, 온이라고 적혀 있는 무슨 함수들이 막 나오죠
20:39자, 여러분들이 코딩을 좀 많이 해 보신 분들은 아실 텐데 온이라는 단어가 붙으면 어떤 트리거를 대기하는 함수를 의미하거든요
20:49그래서 온 콜qu리 온 채널 포스트 막 이런 것들이 각각 뒤에 있는 내용이 발생했을 때 이게 실행된다라는 걸 의미합니다
20:58자, 우리는 채팅을 할 거니까이 온 메시지라는 노드를 사용을 하면 되고요
21:04이걸 클릭을 해서 노드를 추가를 하고이 노드를 제일 앞단에 이렇게 연결을 시키겠습니다
21:08자, 그러면은 여기 있는 챗은 이제 쓸모가 없어졌어요.이 노드가 사라졌으니까 쓸모가 없어졌고 여기 빨간 줄이 아, 줄이 끄여 있죠? 이게 이제 안 쓰인다는 뜻이고요
21:20자, 이걸 더블 클릭해 가지고 똑같이 이제 세팅을 하시면 되는데 자, 외풍 URL이 또 렇게 있습니다
21:28요거는 의미가 뭐냐면 아까는 잠깐만요
21:32이걸 세이브를 하고 자, 요거 차이점은 이해를 하고 계셔야 돼 가지고 자, 여기 있는 URL은 자, 챗 URL이라고 적혀 있죠? 이거는 외부에서 접속할 수 있는 페이지를 의미를 해요
21:44자, 그러면은 이게이 페이지로 사용자가 접속을 하면 여기서 미리 만들어져 있는 화면을 띄워 주는 목적으로 사용이 돼서 이제 채 URL이라고 이렇게 표현이 됐습니다
21:57그런데 자, 여기서 이걸 더블 클릭해서 여기를 보시면은 외풍 URL이라고 떠 있고 테스트 URL, 프로덕션 URL 이렇게 두 가지가 있습니다
22:06자, 요거는 왜 이렇게 이름이 다르게 적혀 있냐면 웹 같은 경우는 외부에서 시스템적으로 어떤 트리거가 작동이 될 때 활용이 되는 주소입니다
22:18그래서이 주소로 여러분들이 직접 접속을 하하신다고 해서 뭔가 작동이 되지는 않아요
22:26어 그러니까 그 부분에 차이가 있다는 거는인지를 하고 계셔야 되고 외폭이라는 거를 얼마나 잘 사용하는가가 엠파이나 메이크를 잘 사용하냐의 촉도가 됩니다
22:37이거는 차차 여러분들께 알려 드릴 거니까 좀이 정도로만 알고 계시면 될 것 같습니다
22:44그리고 여기에 API 키를 선택을 해 주시면 되고요
22:46우리가 메시지가 왔을 때 트리거를 한다고 이렇게 표현이 되어 있죠
22:51이거를 자,요 상태에서 이거를 익스큐션을 해 볼게요
22:56익스큐션을 해 보면은 자웨이팅 트리거 이벤트라고 되어 있습니다
23:01메시지를 기다리고 있다는 의미고요
23:04앞에서 했던 것과 차이가 있습니다
23:07여기서 HTTP 들어가 보시면 인풋을 여기서 당겨와서 여기에 넣어 줬어요
23:11그 채 인풋이라는이 요소가 들어가 있었는데 자, 여기서는 앞에 노드를 바꿨으니까 여기 뒤에도 들어오는 키워드를 바꿔 주셔야 됩니다
23:20요것도 테스트를 해야 되는데 자 이거 창을 요렇게 좀 보이게 띄울게요
23:25빨리빨리 해야 돼서 이게 금방 꺼져 가지고 자요 상태에서 익스큐션을 하고 요렇게 하면은 채팅이 들어왔습니다
23:32그러면은 그 들어온 데이터가 있을 거니까 자 여기 데이터가 이렇게 들어와 있죠
23:37여기 있는이 삼성이라는게 우리가 보낸 채팅이니까 요거를 자, 요거를 내용을 지우시고 요거를 여기다가 끌어다가 두시면은 이렇게 쉽게 노드를 변경을 할 수가 있는 거예요
23:49제 요런 것들이 어, 이런 것들이 우리가이 프로그램을 사용하는 걸 엄청나게 편하게 만들어 주는 요소 중에 하나입니다
23:59자, 이제 다시 이제 여기부터 실행을 해 보면은 자,이 노드를 실행을 해 볼게요
24:03검색어가 왔고 이걸 여기 넣었으니까 이걸 실행하면은 자 똑같이 삼성을 검색을 합니다
24:10자 이걸 다음 단계 다음 단계 검색을 하면 결국에는 텔레그램으로 오겠죠
24:13자, 이거를 자, 다시 한번 자, 워크플로우를 실행을 시키면 대기 상태로 가고 삼성을 검색을 하면은 삼성을 검색을 하고 텔레그램으로 이렇게 옵니다
24:23자, 이거 노드 하나만 바꿨는데 뉴스 검색을 해 주는 봇이 생겼어요
24:26요걸 보여 드리고 싶어서 오늘 강의를 준비한 겁니다
24:30자, 이제 액티브를 하고 자, 여러분들이 이거는 직접 못 해 보지만 자, 요렇게 액티브를 해 놓으면 이게 대기 상태가 되는 거거든요
24:38그러니까 우리가 어떤 프로그램을 만들어서 서버에 올려 놓은 것과 똑같다고 생각하시면 됩니다
24:44그러면은 채봇을 파이썬으로 만들어서 파이썬 배포하는 곳에다가 클라우드에다가 이렇게 힘들게 힘들게 배포를 하는 것과 이렇게 간단하게 노드들을 연결해서 만들어 가지고 이거를 M8 서버에 올리든 아니면 내 컴퓨터가 켜져 있는 동안에만이 서버를 돌리든 이렇게 활용을 하시면 돼요
25:04현대라고 검색을 해 보면이 서버가 켜져 있으니까 바로 검색을 해서 이렇게 결과를 줍니다
25:08요렇게 하면은 우리가 굳이 네이버에 안 들어가도 텔레그램 켜서 보드한테이 키워드를 주면 이거를 검색을 해 주죠
25:16요런 식으로 아주 쉽게 뉴스 검색을 만들 수가 있는 겁니다
25:21니다
25:24[음악]
무료 자동화 도구인 n8n을 활용하여 코딩 없이 네이버 뉴스 검색 텔레그램 봇을 만드는 방법을 설명한다. 