취준생 필수! 무료로 포트폴리오 웹사이트 만들고 배포하기🚀: Gemini와 Vercel 활용 완벽 가이드
시리얼 Sireal
0:00 / 0:00
취준생 필수! 무료로 포트폴리오 웹사이트 만들고 배포하기🚀: Gemini와 Vercel 활용 완벽 가이드
3 867 просмотров · 8 месяцев назад
시리얼 Sireal
42,8 тыс. подписчиков
3 867 просмотров · 8 месяцев назад
장벽이 무너졌습니다. Google의 Gemini와 AI Studio, 그리고 GitHub, Vercel 같은 현대적인 개발 도구를 활용하면 코딩 지식 없이도 단 20분 만에 전문가 수준의 포트폴리오 웹사이트를 무료로 만들 수 있습니다.
사용한 웹사이트
AI Studio: https://aistudio.google.com/apps
Framer: https://sire.al/XUe4EQ
Webflow: https://sire.al/6RlF
Github: http://github.com/
Vercel: http://vercel.com/
Screen Capture: https://sire.al/UcSj
✨ SIREAL 멤버십 오픈
콘푸레이크: 노션·메이크·구글·커서 등 생산성 기초 커리큘럼 + 라이브 다시보기
첵스 초코: 콘푸레이크 + Q&A 영상 답변 + 템플릿 10% 할인
Timecode
00:00 - 포트폴리오 홈페이지 만들기 | AI로 웹사이트 제작 시작 | 10분 포트폴리오 사이트 만들기
00:22 - 포트폴리오 만들기 강의 시작 | Gemini AI로 CV 만들기 | 포트폴리오 제작 순서 설명
01:39 - 마크다운 형식이란? | MD 파일 포맷 설명 | 포트폴리오 내용 작성 방법
02:42 - 포트폴리오 디자인 템플릿 선택 | Framer Webflow 템플릿 찾기 | 포트폴리오 디자인 고르는 방법
04:57 - Google AI Studio 사용법 | 이미지 복사해서 AI에 넣기 | AI로 웹사이트 코드 생성하기
06:55 - AI 생성 코드 프리뷰 보기 | 코드 수정하는 방법 | 팝업 기능 추가하기
09:45 - 포트폴리오 내용 수정 완료 | 코드 저장하기 | GitHub 저장 준비
12:33 - GitHub에 코드 저장하기 | GitHub 회원가입 및 사용법 | 포트폴리오 파일 업로드
15:57 - Vercel 배포 시작 | 웹사이트 배포하기 | 포트폴리오 공개하기
17:50 - 배포 후 화면 오류 해결 | Vercel 배포 문제 수정 | 포트폴리오 완성하기
◆◆◆◆◆ 노션 추가 정보 및 문의 ◆◆◆◆◆
🌸 노션 강의/컨설팅 문의 : https://sireal.co
🌸 노션 강의 후기 : https://blog.naver.com/sirealco
📸 인스타그램 : / sireal_co
✅ 노션 전문 블로그 : https://sireal.co/blog/
✅ 노션 질문 : https://blog.sireal.co/curation/qna
✅ 노션 포트폴리오 사례 : https://blog.sireal.co/curation/pagecase
💭 노션 페이스북 그룹 : / notion.so
💭 노션 네이버 카페 : https://cafe.naver.com/notionkr
📚 노션 템플릿 찾아보기 : https://template.sireal.co/
📚 노션 온라인 강의 : https://sijin.gumroad.com/l/notion-vod
✔ 혹시나 이 팁이 도움이 되셨다면
👍 많은 Notioner에게 알려질 수 있도록
🙏 좋아요, 공유하기, 댓글을 부탁드립니다.