흩어진 내 작품으로 포트폴리오 사이트 만들기
중급45분2026-04-30
AI의 도움을 받아 흩어져 있는 작품 이미지와 설명을 정리하고 웹사이트의 구조와 디자인을 설계합니다. 최종적으로 HTML, CSS, JavaScript로 구성되어 브라우저에서 즉시 확인할 수 있는 반응형 단일 페이지 포트폴리오 웹사이트를 만듭니다.
이 코칭은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- AI에게 디자인 컨셉을 전달하여 웹사이트 구조를 생성할 수 있습니다.
- HTML, CSS, JavaScript의 역할을 이해하고 AI와 협업하여 수정할 수 있습니다.
- 로컬에 흩어져 있는 이미지와 텍스트를 웹사이트 콘텐츠로 구성할 수 있습니다.
- 간단한 로컬 웹서버를 띄워 결과물을 직접 확인할 수 있습니다.
어떻게 진행해요
1. 프로젝트 시작 및 기본 파일 구성하기
2. HTML로 웹사이트 뼈대 세우기
3. CSS로 미니멀한 디자인 입히기
4. 내 작품 이미지 업로드하기
5. 웹사이트에 작품 전시하기
6. 미리보기로 결과 확인하기
AI 튜터가 각 단계를 하나씩 안내해줄 거예요