커뮤니티
작업물을 자랑하고, 막히는 부분을 묻고, 좋은 정보를 나눠주세요.
클로드에게 데이터 분석 요청하기
[소개] 자료분석 시간이 부족해서 AI한테 부탁해보았어요. (내용) 10년 간의 전기비저항 자료 분석 [진행 방법] 클로드(Claude) 작업과정 1. 엑셀 데이터 읽기 → openpyxl로 ER_data.xlsx 파싱, 연도·지점별 값 추출 2. 통계 계산 → Python으로 지점별 평균, 최대/최소, 변화량, 선형 회귀 추세 산출 3. docx 생성 → docx-js 라이브러리로 측정 데이터 표 + 통계 요약 표 + 분석 텍스트 5개 섹션 작성, 헤더/푸터 포함 4. HTML 생성 → 동일 내용에 Chart.js 꺾은선 그래프, 요약 카드(4개 지점), 반응형 스타일 추가 5. 전기비저항 추세분석 → 산점도+회귀선 이미지 생성 → pptxgenjs로 슬라이드 구성 → 시각 QA(섬네일 확인) → 민트/다크 그린 테마 완성 6. 최종 PPT(7슬라이드) → KPI 카드, ROAS 추이 차트, 이슈/해결/미해결 슬라이드 → 시각 QA 후 3곳 수정 (텍스트 위치, 줄바꿈) → 최종 저장 [결과와 배운 점] 반복적인 교정작업은 잘 되었으나, 초안 작성 이후 구체적인 작업 요구사항 정도에 따라 시간이 많이 소요되는 점을 알 수 있었습니다. 앞으로 더 해보고 싶은 것은 다양한 자료의 조합을 통한 복합 자료 분석입니다. [참고한 자료] 최근 10년 간의 구간별 계측자료
Claude를 활용해서 웹페이지를 만들었습니다.
[소개] 평소 개발 경험이 많지 않았지만 AI를 활용하면 어느 정도 수준의 웹페이지를 만들 수 있을지 궁금했습니다. 이번 수업을 통해 Claude의 도움을 받아 나만의 포트폴리오 웹페이지를 제작하고, Vercel을 이용해 실제 인터넷에 배포까지 진행했습니다. [진행 방법] 사용한 AI 도구: □ 클로드(Claude) 예시) "깔끔한 디자인의 자기소개 포트폴리오 웹페이지를 HTML로 만들어줘. 프로젝트와 자기소개를 보기 쉽게 배치해줘." AI가 생성한 코드를 그대로 사용하는 것이 아니라 원하는 디자인과 내용에 맞게 여러 번 수정하면서 완성도를 높였습니다. 배포 과정도 GitHub와 Vercel을 연동해 실제 웹사이트로 공개했습니다. [결과와 배운 점] 최종적으로 개인 포트폴리오 웹페이지를 제작하여 인터넷에서 접속할 수 있도록 배포했습니다. 배포 주소 https://kyunghyun-presentation.vercel.app/ AI 덕분에 HTML 구조를 조금은 이해하면서 작업할 수 있었고, 오류가 발생했을 때도 원인을 빠르게 찾고 수정할 수 있었습니다. 예전에는 웹페이지 제작이나 프로그램 제작은 꿈만 꾸고 있었는데 AI와 함께 작업하니 훨씬 수월했습니다. 단순히 결과물을 만들어 주는 것이 아니라 코드의 의미와 수정 방법도 함께 배울 수 있어 학습에도 많은 도움이 되었습니다. 앞으로도 업무나 개인 프로젝트에서 AI를 적극적으로 활용해 생산성을 높여보고 싶습니다.
운동 기록 앱 만들기
[소개] PWA로 앱 만들었어요. [진행 방법] 사용한 AI 도구: 클로드(Claude) 1. 선생님이 준 프롬프트 그대로 넣었어요. (앱 이름: 시이나는운동) 웹앱을 HTML로 만들어줘. 기능: 1. 항목추가/삭제 2. 내용 입력 후 저장 3. 날짜, 시간 자동 표시 디자인: (깔끔하게, 요가, 힐링 느낌) 색상: (초록, 힐링 느낌) 아이콘: - 모양: (요가 자세) - 색상: (전체 색상 초록과 잘 어울리는 보색으로) - 배경: (자연 이미지) 192x192, 512x512 두 가지 크기로 만들어줘 조건 (건드리지 마세요): - 아티팩트로 미리보기 해줘 2. 두번째 선생님의 프롬프트 이걸 PWA로 바꿔줘. 조건: - manifest.json, service-worker.js, icons 폴더 포함 - 파일을 index.html / manifest.json / service-worker.js / icons 로 나눠서 각각 보여줘 - 아티팩트로 미리보기 해줘 요가 이미지를 바꾸어 싶어 예시를 넣어줬는데 더 이상하게 만들어줬어요. 클로드는 이미지는 역시 별로에요. 그냥 원래대로 다시 일단 만들게 했어요. [결과와 배운 점] 앱 만들기가 정말 쉽네요. 그렇지만 수정하는 과정이 맘대로 잘 안되어서 답답하긴 했어요. 자꾸 수정하면서 프폼프트 작성하는 요령을 익혀야겠어요.
+2우리가족 홈페이지 도전!
[소개] 우리 가족의 일상을 기록하고 공유하는 홈페이지에 도전해봤습니다. [진행 방법] 사용한 AI 도구 : 클로드(Claude) 코딩을 전혀 할 줄 모르는 사람이 홈페이지를 만드는 기획서를 MD파일로 작성해달라고 프롬프트했어요. :) [결과와 배운 점] 깃허브와 버셀을 이용해서 배포까지 무사히 할 수 있었는데, 전반적으로 만족스러운 결과였습니다. 다만, 세부 사항을 수정하는 것이 쉽지 않았어요. 조금 더 공부하면 내 기호에 딱 맞는 디테일한 요소까지도 명령과 수정이 가능할 것 같아요. 더 공부하고 싶어요...!
개인 홈페이지 생성
1. 수강 과목: 나만의 웹페이지 만들기 2. 나의 작품 생성 동기및 소개 - 나의 개인 운동, 참여중인 여러 챌린지들, 반려동물 육견일지 등 개인 활동을 기록할 웹페이지를 만들어보았습니다. - 컴퓨터와 모바일 모두 꾸준하게 잘 사용중입니다. 3. 사용 도구 - claude (chat 버전) 4. 기획서 프롬프트 " 나는 평소 crossfit 운동을 주기적으로 하고 있고, 런닝 챌린지, 버피 챌린지, 다이어트 챌린지에 참여도 하고 있어. 그리고 작고 하얗고 귀여운 '솜'이라는 이름을 가진 푸들 강아지를 키우고 있어. 나의 운동 일지와 각종 챌린지 일정 관리, 그리고 솜이 육견일지를 홈페이지로 작성하여 지인들에게 보여주고, 댓글 등으로 참여 할수 있게 하고 싶어. 제목: 지연이네 대상: 주변 지인 주요 정보: 1. 운동 일지: crossfit 오늘의 운동 내용 및 기록 정리 2. 챌린지: 캘린더에 각종 챌린지 내역을 기록 3. 솜: 캘린더에 솜이의 예방 접종, 병원, 미용 등을 기록 4. 요즘의 지연: 간단한 일기 메모를 작성하여 나의 정신 건강과 상황을 기록 위 정보를 중심으로 코딩을 모르지만 개발도 할수 있을 기획서를 md파일로 만들어줘." 5. 과정 기획서 만들고, 기획서에서 수정할 부분 수정후, claude에게 기획서대로 생성해달라고 요청하였고, 사용해보면서 계속해서 수정 기능, 메뉴 추가 기능 등을 넣었습니다. 6. 도움 사용하다 보니, 노트북에서 기록한 내용이 모바일에서 업데이트가 되지 않아서, 강사님께 질문과 도움으로 데이터베이스 연결하여 어디서든 업데이트가 되어서 너무 좋습니다. 잘 모르는 초보의 두서 없는 질문에도 차근차근 유도해주셔서 무사히 완주 할 수 있었습니다. https://jiyeon-homepage.vercel.app/
베이킹 첫걸음
빵 만드는데 관심이 있어서 이런 저런 도전을 하다가 홈페이지도 만들어 봤어요. 많이 부족하지만 첫 홈페이지로서는 대만족입니다. 동영상은 제가 좋아하는 레시피 유튜브들의 링크를 연결했구요. 아쉬운 부분이 있다면 글씨체라던가 디테일한 부분을 수정하는게 쉽지는 않더라구요. 그래도 이정도면 전 만족해요. ㅎㅎㅎ
+1