LEVEL 5 QUEST

AI로 포트폴리오 사이트 만들기

AI로 포트폴리오 사이트 만들기 — DevFoil 바이브코딩 Stage 2, Lv.5

왜 포트폴리오 사이트인가?

바이브코딩 첫 실전 프로젝트

포트폴리오 사이트는 바이브코딩을 처음 실전에 적용하기에 최적의 프로젝트입니다.

이유 1 구조가 단순합니다 - 소개, 기술, 프로젝트, 연락처 4개 섹션이면 충분합니다.
이유 2 결과물이 실용적입니다 - 실제로 취업, 프리랜서, 사이드 프로젝트 홍보에 사용할 수 있습니다.
이유 3 HTML/CSS만으로 완성됩니다 - 서버나 데이터베이스가 필요 없습니다.

이 강의에서는 AI에게 단계별로 요청하면서 완성도 높은 포트폴리오를 만들어봅니다.

완성 목표: 이런 사이트를 만듭니다

포트폴리오 사이트 구성

오늘 만들 포트폴리오의 전체 구조입니다.

1. Hero 섹션

이름, 직함, 한 줄 소개가 화면 중앙에 크게 표시되는 첫 화면입니다.

2. About 섹션

자기소개, 프로필 이미지(선택), 경력/학력 요약이 들어갑니다.

3. Skills 섹션

보유 기술을 뱃지 또는 프로그레스 바로 시각화합니다.

4. Projects 섹션

프로젝트 카드 3~6개를 그리드로 배치합니다. 각 카드에 제목, 설명, 링크가 들어갑니다.

5. Contact 섹션

이메일, GitHub, LinkedIn 등 연락처와 간단한 문의 폼입니다.

🔒

여기까지는 미리보기입니다

AI로 포트폴리오 사이트 만들기
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)