배움 트렌드 사이트 (요즘 뭐 배워요) 구축

소개

배움은 우리 삶의 중요한 부분이지만, 사람들이 시기에 따라 무엇을 배우는지에 대한 트렌드를 파악하기는 쉽지 않습니다. '요즘 뭐 배워요' 프로젝트는 이러한 궁금증에서 시작되었습니다. 저 자신이 배움에 대한 흥미를 가지고 있으며, 사람들이 어떤 주제에 관심을 갖고 배우는지, 그 트렌드가 어떻게 변화하는지 알아보고 싶었습니다.

진행 방법

이 프로젝트는 데이터 수집부터 시각화까지 여러 도구를 활용하여 구현했습니다.

### 1. 데이터 수집: n8n을 활용한 자동화

간단한 n8n 워크플로우를 구성하여 테스트 삼아 네이버 뉴스 API에서 '배움' 관련 키워드로 정기적으로 데이터를 수집하도록 설정했습니다. 워크플로우는 다음과 같은 노드로 구성되어 있습니다:

- Schedule Trigger: 매일 정해진 시간에 워크플로우 실행

- HTTP Request: 네이버 뉴스 API에 검색 요청 전송

- Code: 응답 데이터 처리 및 구조화

- Google Sheets: 처리된 데이터를 스프레드시트에 저장

웹 사이트 생성 과정을 보여주는 다이어그램

구글 시트에는 다음과 같은 열 구조로 데이터를 저장했습니다: datetimestamp, keyword, title, summary, url, originalUrl, source, pubDate

중국어와 중국인 숫자를 가진 스프레드 시트의 스크린 샷

향후에 이렇게 수집된 데이터는 분석과 시각화의 기반이 되겠지요.

### 2. 사이트 디자인: Lovable을 활용한 UI/UX 구현

Lovable은 AI 기반 웹사이트 생성 도구로, 프로토타입을 빠르게 제작할 수 있습니다. 가상의 데이터로 다음과 같은 시각화 요소를 구현해보았습니다:

- 트렌드 라인 그래프: 시간에 따른 키워드 빈도 변화 시각화

- 워드 클라우드: 인기 키워드를 직관적으로 표현

- 인사이트 카드: 주요 발견점을 카드 형태로 제공

여러 숫자를 보여주는 웹 페이지의 스크린 샷

결과와 배운 점

이 프로젝트를 통해 n8n과 Lovable 같은 로우코드/노코드 도구를 실제로 활용해보는 값진 경험을 했습니다. 특히 n8n의 워크플로우 구성과 API 연동 과정에서 많은 것을 배웠고, Lovable을 통해 디자인 단계에서 AI의 활용 가능성을 확인했습니다.

앞으로 겪을 가장 큰 기술적 어려움은 각기 다른 도구에서 개발한 부분들을 하나의 통합된 웹사이트로 연결하는 과정이지 않을까 싶습니다. n8n에서 수집한 데이터를 Lovable로 디자인한 웹사이트에 연동해서 운영하는 것이지요. 그래서 현재는 각 구성 요소가 개별적으로 작동하는 상태이며, 이를 완전히 통합하여 실제 운영 가능한 사이트로 발전시키는 것이 다음 과제입니다.

도움 받은 글

이 프로젝트를 진행하면서 '문과생도 n8n' 스터디장님의 다양한 동영상과 글에서 많은 도움을 받았습니다. lovable 사이트 구축과 같은 구체화 과정에서 Claude의 도움도 많이 받았습니다.

4
2개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요