이제는 코딩을 몰라도 AI의 도움으로 데이터를 쉽게 다룰 수 있는 시대입니다. 이번 글에서는 AI를 활용해 코딩 지식 없이도 쿠팡 제품 데이터를 추출하고, HTML로 시각화하는 방법을 소개합니다. 초보자도 쉽게 따라 할 수 있도록 단계별로 설명하니, 천천히 따라오세요.
👉 이전 글이 궁금하다면? / 코딩 몰라도 AI로 코딩하기 1 https://www.gumicoding.co.kr/posts/bd4tMjNWxOJNOvo8yDGr
데이터 추출: AI로 쿠팡 데이터 가져오기
쿠팡 제품 데이터를 수집하는 방법은 크게 두 가지입니다.
-
웹 크롤링
-
API 활용 가능성
- 쿠팡의 공식 API를 사용할 수도 있으나, 일반 사용자는 접근이 제한적일 수 있습니다.
- 만약 API를 사용할 수 있다면, AI에게 API 연동 코드 생성을 요청하면 쉽게 진행할 수 있습니다.
✅ 데이터 품질 팁
- 적절한 키워드로 검색.
- 데이터가 최신인지 확인.
- 중복 및 오류 데이터 필터링.
2025-06-19_12-00.png클릭하여 확대
Grok에게 시각화 코드 요청하기
데이터를 추출했다면, 이제 시각화가 필요합니다.
-
Grok에게 요청 예시
쿠팡에서 추출한 제품명, 가격, 평점 데이터를 바탕으로 막대 차트를 HTML로 만들어줘. Chart.js를 사용하고, 가격은 y축, 제품명은 x축으로 설정해줘. -
시각화 도구 추천
- Chart.js
- Google Charts
- AI에게 도구 선택까지 물어보면 최적의 솔루션을 제안받을 수도 있습니다.
-
요청 팁
- "HTML에서 바로 실행 가능한 코드로 만들어줘."
- "데이터 포맷은 JSON 형태로 만들어줘."
image.png클릭하여 확대
결과 확인: 코드 실행과 디버깅
-
코드 실행 방법
- AI가 준 HTML 코드를 복사해 메모장 등에 붙여넣기.
.html확장자로 저장 후 브라우저에서 열기.
-
디버깅 팁
- 그래프가 보이지 않으면, 콘솔 창에서 오류 확인.
- 데이터 경로나 변수명이 정확한지 다시 확인.
-
결과 개선 요청하기
- Grok에게 "색상 바꿔줘", "레이블 추가해줘" 등으로 반복 요청 가능.
결론: AI 코딩의 가능성을 넓혀보자
AI를 활용하면 복잡한 코드 없이도 데이터 추출과 시각화가 충분히 가능합니다. 특히 Grok 같은 생성형 AI는 초보자에게도 매우 친절한 코딩 파트너가 될 수 있습니다.
다음 단계는?
- 다른 사이트 데이터도 추출해보기
- 여러 차트 유형 학습하기
- ChatGPT, Grok 등 다양한 AI 도구 활용법 확장하기
💬 댓글로 질문이나 경험을 남겨주세요! 📢 주변에 공유해주시면 더 좋은 콘텐츠 제작에 큰 도움이 됩니다.