AI 홈페이지 딸깍 스터디 - AI로 웹사이트 만들고 배포까지
10
작성한 질문수 0
AI 홈페이지 딸깍 스터디 - AI로 웹사이트 만들고 배포까지
안녕하세요!
AI 도구를 활용해서 홈페이지를 빠르게 만들고, 직접 수정하고, 배포까지 해보는 실습형 스터디를 진행하려고 합니다.
요즘은 ChatGPT, Cursor, v0, Lovable, Bolt 같은 AI 도구를 활용하면
개발을 처음부터 전부 직접 하지 않아도 꽤 그럴듯한 홈페이지를 빠르게 만들 수 있습니다.
하지만 막상 혼자 해보면
“AI한테 뭐라고 말해야 하지?”
“처음엔 예쁜데 수정하려니까 어렵다.”
“배포는 어떻게 해야 하지?”
“결과물이 너무 AI스럽게 나온다.”
이런 부분에서 막히는 경우가 많습니다.
이번 스터디는 이런 부분을 같이 해결하면서,
각자 만들고 싶은 홈페이지 하나를 정해
AI로 제작하고, 다듬고, 실제 배포 링크까지 만들어보는 것을 목표로 합니다.
💬 스터디 진행 내용
스터디는 총 6회차 정도로 진행할 예정입니다.
1회차: AI 홈페이지 제작 흐름 이해
AI로 웹사이트를 만드는 전체 과정 알아보기
사용할 수 있는 AI 도구 소개
각자 만들고 싶은 홈페이지 주제 정하기
2회차: 홈페이지 기획과 프롬프트 작성
홈페이지 목적 정리하기
섹션 구성 만들기
AI에게 원하는 결과를 요청하는 프롬프트 작성법 실습
3회차: AI로 첫 홈페이지 초안 만들기
v0, Lovable, Bolt, ChatGPT 등을 활용한 화면 생성
랜딩 페이지 / 포트폴리오 / 소개 페이지 초안 제작
생성된 결과물 확인 및 피드백
4회차: 디자인과 문구 다듬기
너무 AI스러운 디자인 수정하기
색상, 레이아웃, 문구 개선하기
모바일 반응형 확인하기
5회차: 코드 수정과 배포 준비
Cursor 등을 활용해 코드 수정하기
GitHub에 코드 올리기
배포 전 오류 수정하기
6회차: 홈페이지 배포 및 결과 공유
Vercel 등을 활용한 배포
각자 만든 홈페이지 공유
피드백 및 개선 방향 정리
💬 스터디 특징
AI 도구를 활용한 실전형 웹 제작 스터디
코딩 입문자도 참여 가능
각자 홈페이지 1개 완성을 목표
기획 → 제작 → 수정 → 배포까지 경험
ChatGPT / Cursor / v0 / Lovable / Bolt 등 활용 가능
결과물은 포트폴리오나 개인 소개 페이지로 활용 가능
💬 이런 분들께 추천드립니다
AI로 홈페이지를 만들어보고 싶은 분
코딩을 잘 몰라도 결과물을 만들어보고 싶은 분
개인 포트폴리오나 소개 페이지가 필요한 분
AI 코딩 도구를 어떻게 써야 할지 감이 안 잡히는 분
혼자 하면 미루게 돼서 같이 실습하고 싶은 분
웹사이트를 만들고 실제 배포까지 해보고 싶은 분
서울 서부권에서 오프라인 스터디 참여가 가능한 분
💬 진행 방식
스터디는 약 6주 동안 진행할 예정입니다.
온라인으로만 가볍게 끝내기보다는,
직접 만나서 같이 실습하고 막히는 부분을 해결하는 방식으로 진행하려고 합니다.
기간: 약 6주
방식: 온라인 + 오프라인 병행
오프라인 모임: 주 1회 이상 예정
장소: 서울 서부권 중심
홍대 / 신도림 / 서울대입구역 근처에서 진행 예정평일에는 온라인으로 진행 상황 공유
매 회차 실습 및 결과 공유
최종 목표: 개인별 홈페이지 1개 배포
💬 모집 대상
프론트엔드 입문자
웹 개발을 공부 중인 분
AI 코딩 도구를 써보고 싶은 분
개인 홈페이지나 랜딩 페이지를 만들고 싶은 분
디자이너 / 기획자도 참여 가능
전문적인 실력보다
끝까지 하나를 만들어보고 싶은 마음이 더 중요합니다.
💬 사용할 수 있는 도구
ChatGPT
Cursor
v0
Lovable
Bolt
GitHub
Vercel
모든 도구를 다 사용할 필요는 없고,
각자 편한 도구를 선택해서 진행할 예정입니다.
💬 신청 방법
https://forms.gle/accEcvPmFcYXFV6R8
답변 0