𝙬𝙤𝙧𝙠𝙨𝙝𝙤𝙥! Ai.zip④ - iyo.coding.lab
이 워크숍은 동일한 커리큘럼으로 수요반, 금요반에 나누어 진행합니다.
▮ 워크숍 소개 및 개요
Ai.zip④ - iyo.coding.lab는 간단한 코딩 실습을 바탕으로 웹사이트 제작의 다양한 요소를 탐구합니다. 웹사이트의 기본적인 스타일과 구조를 직접 설계한 뒤, 각자의 개성을 담은 웹사이트를 완성해 봅니다.
Claude, Gemini, Chat GPT와 같은 생성형 AI와 Cursor, Antigravity 등의 AI 기반 에디터를 활용해, 기획부터 구현까지 웹사이트 제작 과정을 경험합니다. 기존 4주 커리큘럼에서 밀도를 높여 3주 커리큘럼으로 변경하였습니다.
▮ 일정 및 시간
◦ 수요반
- 1주 차: 7/1(수) 15:00~18:00
- 2주 차: 7/8(수) 15:00~18:00
- 3주 차: 7/15(수) 15:00~18:00
◦ 금요반
- 1주 차: 7/3(금) 15:00~18:00
- 2주 차: 7/10(금) 15:00~18:00
- 3주 차: 7/17(금) 15:00~18:00
4주 차에는 두 분반이 함께 온라인으로 모여 각자의 웹사이트를 소개하고 구경하는 시간을 가질 예정입니다. 자세한 일정은 추후 공지를 참고해 주세요.
◌◌◌◌
✻ 프로그램 시작일 3일 전 까지 취소 및 환불 신청이 가능합니다. 해당 기간 이후에는 환불이 어려운 점 양해 부탁드립니다.
✻ 문의는 이요하우스 인스타그램(@iyohouse)이나 이메일(goyangiyoram@gmail.com)을 통해 부탁드립니다.
CURRICULUM
사전 과제- 만들고 싶은 웹사이트 레퍼런스 찾아오기
- 1주 차 웹사이트에 들어갈 자기 소개 글 작성
1주 차 (수요반 7/1, 금요반 7/3 | 3시간)- 코드 에디터 구조 이해
- Visual Studio Code / Cursor / Antigravity 기본 사용법 소개
- HTML / CSS / JavaScript의 역할 이해
- 웹사이트 기본 파일 구조 이해
- 흥미로운 JavaScript 라이브러리 예제(matter.js / p5 / three.js 등) 소개
- 생성형 AI를 활용한 코드 읽기와 수정 방식 소개
- 개인 웹사이트 아이디어 기획
- HTML과 CSS를 이용한 기본 웹사이트 제작
* 과제: 레퍼런스 수집
2주 차 (수요반 7/8, 금요반 7/10 | 3시간)- JavaScript 라이브러리 활용 방식 이해
- 30분 분량의 간단한 웹 프로토타입 제작
- MD 파일 작성, 활용법
- 에이전트 스킬 활용법
- AI 에이전트를 활용한 코드 수정 및 웹사이트 계획 흐름 익히기
- 개인 웹사이트 아이디어 공유
- 개인 웹사이트 구현 방향 설정 및 제작 시작
* 과제: 개인 웹사이트 제작해 오기
3주 차 (수요반 7/15, 금요반 7/17 | 3시간)- 개인 웹사이트 중간 결과물 공유
- 코드 구조 및 구현 방식 피드백
- 적절한 코드 사용 여부 검토
- Netlify를 활용하여 웹사이트 배포
* 자율학습: 3주 차에는 한 시간 일찍 이요하우스를 엽니다. 웹사이트 제작 시간이 부족하신 분들은 자율적으로 오셔서 개인 작업을 하고, 튜터에게 질문할 수 있습니다. 자세한 내용은 추후 공지를 참고해 주세요.
4주 차 - 내웹소(내 웹사이트를 소개합니다)두 분반이 함께 온라인으로 모여 각자의 웹사이트를 소개하고 구경하는 시간을 가질 예정입니다. 자세한 일정은 추후 공지를 참고해 주세요.
