_묘랑
_묘랑
🐶 AI 찐친
🚀 SNS 챌린지 달성자

클릭 몇 번으로 완성하는 있어빌리티 포트폴리오

🛫 프롤로그 

포트폴리오, 취준에서 얼마나 필요할까? 

경력직 같은 신입을 선호한다는 취업 시장 뉴스에 어깨가 무거워지는데요,
내 능력을 어떻게 있어보이게 증명할 수 있을까요? 
그 해답이 포트폴리오에 있다고 생각합니다. 

제미나이의 딥리서치에 의하면 그래요. 

https://gemini.google.com/share/fd4fb2b8a281

한국사이트 스크린샷

이렇게 중요하다는 포트폴리오 사이트, 딸깍으로 만들어 봅시다!


☝️1단계 : 내 이력을 있어빌리티로 만들어보기

잘 써둔 이력서나 자소서가 있으면 시작하기 쉽습니다.
써둔 것이 없다면 생성기의 템플릿을 채우면서 써볼 수 있어요.
퍼스널 브랜딩 기획 생성기 (교안 페이지)

써둔 것이 있다면, 생성기에서 빈칸인 채로 가장 아래 버튼을 눌러 빈 템플릿만 복사합니다.

그리고 제미나이나 챗GPT 등에 가져가서 내 이력서 대로 써달라 요청합니다.
전 아주 단순하게 요청했어요 😁

한국어로 된 문자 메시지의 스크린샷

몇 번 대화하면서 더 다듬으면 더 좋은 문장이 나오겠죠.

가-끔 없는 걸 지어낼 수도 있으니 검증은 필수입니다!!

다시 브랜딩 생성기 페이지에 가서 ai와 만든 내용을 채워 넣습니다.

이렇게 채우는 대로 오른쪽에 완성되는 게 보이시죠?
다 채웠으면 다시 가장 아래의 "마크다운 템플릿 복사하기" 클릭

✌️ 딸깍!으로 웹페이지 만들기

html? 1도 몰라도 웹페이지 만들어주는 젠스파크로 갑니다.

젠스파크 가입하기(1000 크레딧과 함께)

죠 위에 창에 그냥 넣어도 만들어 주긴 하지만,
더 확실한 명령을 위해 AI 개발자로 이동.

간단한 웹사이트 선택하고 빌드 시작!

한국어 텍스트가 포함된 앱의 스크린샷

채팅 창에 아까 마크다운 모시기...로 복사했던 내용을 붙여 넣고 바로 시작~

추가로 요청할 사항이 있다면 프롬프팅을 더 해도 좋아요.
예를 들어, 글자 폰트 종류를 뭐로 해달라던지,
디자인 스타일을 지정한다던지, 인터렉티브 한 버튼을 만들어 달라던지..

잠시 기다리면, 웹 페이지 뚝딱 완성!

내용이든, 이미지든, 수정도 대화로 요청할 수 있어요.

(이것이 바이브 코딩의 바이브~ 🕺 )

총 5개의 파일을 만들어준 것 보이시죠?

"파일 탐색기"에서 파일을 직접 다운받아서 배포해도 되고

"게시"를 눌러서 바로 배포할 수 있어요.
요렇게 👇
완성된 포트폴리오 웹사이트

🥜 (이대로 끝내기는 허전하니) 한 가지 더 비교해 보기

이름도 러블리한 러버블이라는 사이트가 있어요.

https://lovable.dev/

지금 한 것처럼 단순한 바이브만으로 웹사이트를 똑딱 만들 수 있어요.

똑같이 마크다운 모시기.. 복사한 것을 넣고 엔터. 끝~

https://seoyun-brand-craft.lovable.app

다시 한번.. 😁

📄 웹페이지 말고 슬라이드는요?

직무에 따라 프로젝트를 나타낼 때 슬라이드가 적합한 경우도 있죠

수업때는 젠스파크에서 슬라이드를 만드는 것을 말씀드렸는데,
무료 사용자는 슬라이드 공유나 다운로드가 안된다는 단점이 있었어요.

그래서 소개드리는 슬라이드 딸깍 사이트는?

감마 (gamma.app)

방법은 웹사이트 만드는 것과 같아요.

AI와 대화해서 슬라이드 개요를 만듭니다.

이 이력서의 내용으로 슬라이드를 만들거야. 포트폴리오용 슬라이드를 위해서 내용을 정리해서 한 페이지에 적당한 내용이 되도록 페이지를 나눠줘, 그리고 슬라이드 개요를 만들고 복사하기 좋게 전체를 코드블록으로 줘

이렇게 나온 슬라이드 개요는 이런 식이죠.

# Slide 1. Portfolio — Seoyun Park
데이터 기반 전략·마케팅 기획자
"사용자와 시장을 읽고, 문제를 해결하는 기획자"
Email: [email protected] | Blog: seoyun-log
대표컬러: Navy Blue (#0A2342) / Mint Green (#A8E6CF)

---

# Slide 2. Personal Identity
이름: 박서윤 (Seoyun Park)
희망 직무: 전략기획 / 브랜드 마케팅 / 사업기획
핵심 키워드: 데이터 기반 | 문제 해결 | 소비자 인사이트
One-liner:
"데이터와 논리를 바탕으로 브랜드와 사용자의 연결을 설계하는 기획자"

이걸 감마 / 젠스파크 등에 넣고 딸깍!

각 에이전트마다 내용 해석이 달라지기도 하고, 각자 디자인 스타일도 조금씩 달라요.

감마로 만든 슬라이드 (디자인은 여러 개 테마 중에 선택)

vs

젠스파크로 만든 슬라이드

이것저것 만들어 보면서 맘에 드는 에이전트와 멋진 페이지 만들어 보세요 😎

🎯 결과

  • 포트폴리오는 디자이너만의 것이 아님! 기획, 마케팅, 개발, 교육 등 모든 직무에서 필요함

  • 이력서/자소서만 잘 정리해도 시작이 반 — 나머지는 AI가 도와줌

  • “AI를 써봤다”는 걸 직접 만든 포트폴리오 웹사이트로 증명할 수 있음

  • 완성된 사이트에 ‘이 사이트는 AI로 코딩되었습니다’라는 한 줄을 넣으면, AI 리터러시를 강조하는 스킬 한 줄 추가 완료

  • 무엇보다, 클릭 몇 번이면 포트폴리오가 현실이 된다는 확신이 생김

1

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요