AILearning+AILearning+
← 커뮤니티 피드
🏆 자랑하기나만의 웹페이지 만들고 배포하기#Claude#ppt#docx#웹페이지

Claude를 활용해서 웹페이지를 만들었습니다.

P

Park Kyung-Hyun

7. 1.

[소개] 평소 개발 경험이 많지 않았지만 AI를 활용하면 어느 정도 수준의 웹페이지를 만들 수 있을지 궁금했습니다. 이번 수업을 통해 Claude의 도움을 받아 나만의 포트폴리오 웹페이지를 제작하고, Vercel을 이용해 실제 인터넷에 배포까지 진행했습니다. [진행 방법] 사용한 AI 도구: □ 클로드(Claude) 예시) "깔끔한 디자인의 자기소개 포트폴리오 웹페이지를 HTML로 만들어줘. 프로젝트와 자기소개를 보기 쉽게 배치해줘." AI가 생성한 코드를 그대로 사용하는 것이 아니라 원하는 디자인과 내용에 맞게 여러 번 수정하면서 완성도를 높였습니다. 배포 과정도 GitHub와 Vercel을 연동해 실제 웹사이트로 공개했습니다. [결과와 배운 점] 최종적으로 개인 포트폴리오 웹페이지를 제작하여 인터넷에서 접속할 수 있도록 배포했습니다. 배포 주소 https://kyunghyun-presentation.vercel.app/ AI 덕분에 HTML 구조를 조금은 이해하면서 작업할 수 있었고, 오류가 발생했을 때도 원인을 빠르게 찾고 수정할 수 있었습니다. 예전에는 웹페이지 제작이나 프로그램 제작은 꿈만 꾸고 있었는데 AI와 함께 작업하니 훨씬 수월했습니다. 단순히 결과물을 만들어 주는 것이 아니라 코드의 의미와 수정 방법도 함께 배울 수 있어 학습에도 많은 도움이 되었습니다. 앞으로도 업무나 개인 프로젝트에서 AI를 적극적으로 활용해 생산성을 높여보고 싶습니다.

댓글 (3)

김정준

강사

아주 응용을 잘 하고 계시네요. 훌륭합니다.

신인하

강사

예술가적 감성이 느껴지는 웹페이지네요~ 청출어람이십니다.

이지수

강사

개발 경험이 많지 않으셨는데도 Claude를 활용해 기획부터 Vercel 배포까지 멋지게 완수하셨네요! AI가 준 코드를 그대로 쓰지 않고, 원하는 디자인에 맞게 여러 번 수정하면서 HTML 구조와 오류 수정 방법까지 스스로 학습하신 점이 정말 멋있습니다. 단순한 결과물 생성을 넘어 진짜 '나의 실력'으로 만들어가고 계시네요~

댓글을 작성하려면 로그인이 필요합니다.