[소개]
AI 활용 특강을 하다 보면, 나를 잘 보여줄 수 있는 소개 페이지가 필요하다는 생각을 늘 해왔어요. 하지만 웹페이지를 만든다고 하면 자연스럽게 코딩이 떠오르고, 코딩은 그저 챗지피티로 바이브코딩 깔짝깔짝 한번씩 해본 경험만 있는 저에겐 큰 장벽이었죠 😅
그러던 중 젠스파크(Genspark) 스터디에서 유니 스터디장님께서 AI개발자 모드를 알려 주셨고, "코딩을 몰라도 나만의 웹페이 지를 만들 수 있다"는 점에 정말 큰 매력을 느꼈어요. 마침 유니 스터디장님께서 Slashpage로 정말 따라하기 쉽게 하나하나!! 정리해두신 걸 보고 바로 도전하게 되었답니다. 유니님 만세!!🙌🤞💋
[진행 방법]
준비 과정
유니님의 OT에서 저의 부족함😒으로 실시간 Zoom 시연 때는 따라가기 어려웠지만, 이후에 Slashpage로 정리된 가이드를 보니 완전 이해됬지 모예용~~~
꼭 자신의 프로필로 만들어보라는 스터디장님들의 염원을 해결하기 위해 저도 한번 저만의 소개페이지를 만들어보기로 했습니당!!
첫번째 준비는 지디웹 선정작에서(https://www.gdweb.co.kr/sub/view.asp?displayrow=60&Txt_key=all&Txt_word=&Txt_agnumber=&Txt_fgbn=5&Txt_bcode1=022210001&Txt_gbflag=&Txt_bcode2=&Txt_bcode3=&Txt_bcode4=&Txt_bcode5=&Page=1&str_no=22279)에서 내가 원하는 이미지를 골라보았어용!
레퍼런스 이미지를 잘 찾는게 아주 중요한 포인트!👍 였어요.
두번째 준비는 4가지 재료에서 내가 원하는 프로필을 골라 파일을 다운받아서 나의 정보를 입력해보았어용!
진행방법
스터디장님이 제공해주신 GPTS를 활용하여 PRD 문서를 만들어봅니다!
챗봇이 시키는 대로 퍼스널 브랜딩용 랜딩페이지를 위한 PRD를 만들어달라고 요청하고, 레퍼런스 링크, 이미지, 유니님께서 알려주신 프롬프트를 차근차근 넣어보았어요.
마지막으로 정리된 prd 문서를 복사하고 붙여넣기 쉽도록 코드블럭형태로 만들어주라는 요청까지 하고 젠스파~~크!!! 로 넘어갑니다. (대체 언제 넘어가나 했어유 🤷)
Genspark 접속 → [AI개발자 모드] 선택 후 레퍼런스 링크, 이미지, 챗봇의 코드블럭형태를 복사해서 집어넣어 주시면 소개페이지 완성!!!🙌✌
결과는????? 짜잔!!!!!!!! https://lzojozcc.gensparkspace.com/
진행 중 느낀 점
AI가 생성해주는 데 기다리는 시간이 제법 있음 (예: 페이지 구조 제안, 첫 스케치 등)
하지만 그 시간 동안 어떤 구조로 내 소개를 할지 자연스럽게 고민할 수 있었어요.
실제로 "강사 소개는 어떤 순서로 해야 할까?"라는 질문을 던지게 됐고, 페이지 콘텐츠 구성 능력도 함께 키워지는 느낌이었어요 💡
처음 입력했던 내 강사 사진이 반영되지 않아서, 다시 한번 AI에게 사진을 반영해달라고 요청했어요.
이때 젠스파크의 '나노바나나' 기능을 활용해, 내 얼굴 사진과 입고 싶은 옷 스타일을 고른 뒤 합성 이미지를 생성했어요. 결과가 꽤 만족스러워서(
나 혼자만,,, 남들은 누구냐고...ㅜㅜ), 프로필 사진으로 바로 사용했답니다 😄또한 페이지 하단 기본 버튼인 “견적 요청하기” 문구도 “특강 요청하기”로 변경했어요. 저의 주요 활동에 더 잘 맞는 표현이라 꼭 바꾸고 싶었거든요.
AI가 자동으로 생성해준 소개 문구에 "인공지능, 머신러닝, 딥러닝 전문가, 교육부 장관상 수상"과 같은 과장된 표현이 들어가 있었는데, 사실 너무 부끄러웠어요 🙈 제가 감히 그런 타이틀을 달 수는 없으니까요. 그래서 해당 부분은 대학에서 다년간 AI 활용 교육을 진행한 경험이 있음으로 정직하게 수정했어요.
또한 AI 기업 교육이나 컨설팅 경험은 없기 때문에, 해당 표현도 '교육 현장 중심의 실무 경험 보유' 정도로 정직하게 바꾸었답니다.
그리고 꽤 많은 시간 동안, AI가 생성한 웹페이지 속 문구들을 하나하나 점검하고 고치는 작업이 필요했어요. 예상보다 손이 많이 갔지만, 덕분에 제 목소리가 잘 담긴 페이지가 완성됐어요!
[결과와 배운 점]
기술이 없어도 '결과물'을 낼 수 있다는 경험이 굉장히 인상 깊었어요.
나만의 브랜드를 위한 첫걸음을 뗀 기분이랄까요?
좀 더 발전시켜서 제가 가르치는 학생들에게 취업포트폴리오를 만들 수 있도록 지도할 예정이예요. 젠스파크 AI 개발자 기능은 괜찮은 툴셋이었어요.
젠스파크로 프로필 웹페이지를 만드는 것보다...사례를 쓰다가 날아가서 열받았다는 사실.....임시 저장기능 빨리 빨리 만들어주세여!!!! 저 정말 화났다구여!!!!😢
다음엔?
좀 더 멋진 프로필 이미지, 후기 섹션, 강의 일정 캘린더 등을 넣어서 소개페이지를 계속 업그레이드해볼 생각이에요 🔧
[도움 받은 글]
Slashpage by 유니님의 OT 페이지
💬 “AI는 어렵지 않다”라는 걸 몸소 체험한 하루였습니다. 이제는 진짜 ‘시도’만 하면 됩니다!