안녕하세요. 컴공 졸업유예 후 취업을 준비하고 있는 대학생입니다. 현재 1인 개발자로 활동하며 포트폴리오를 쌓다가 직업 특성상 외부활동을 채우기가 어려워, 비전공자분들도 쉽게 프론트엔드를 접할 수 있는 웹 개발 및 디자인 멘토링 멘티를 모집합니다.
✔커리큘럼
html, css, js 기반 언어를 사용하며 vs code -> github -> netlify를 통해 실제로 내가 만든 사이트를 배포하는 과정까지 모두 배우실 수 있습니다.
1주차: 웹 개발 & AI 활용 기초
☑︎ 웹 개발 전체 흐름 이해 (HTML → CSS → JS → 배포)
☑︎ HTML 기본 구조 & 시맨틱 태그
☑︎ CSS 기초 (레이아웃, 색상, 폰트)
☑︎ ChatGPT를 활용한 코드 작성 & 수정 방법
☑︎ 간단한 랜딩 페이지 직접 만들어보기
2주차: 디자인 → 코드 연결하기
☑︎ Figma 기본 사용법 (프레임, 오토레이아웃, 컴포넌트)
☑︎ 웹 디자인 기초 (여백, 정렬, 타이포그래피, 컬러)
☑︎ Figma 디자인을 HTML/CSS로 구현
☑︎ 반응형 웹 기초 (모바일 / 데스크탑)
3주차: JavaScript & 인터랙션
☑︎ JavaScript 기본 문법 (변수, 함수, 이벤트)
☑︎ 버튼, 모달, 폼 등 인터랙션 구현
☑︎ ChatGPT로 JS 로직 설계 & 디버깅
☑︎ 실제 서비스처럼 동작하는 페이지 만들기
4주차: 배포 & 포트폴리오 완성
☑︎ VS Code → GitHub 연동 방법
☑︎ Netlify를 활용한 웹사이트 배포
☑︎ 배포 중 발생하는 오류 해결 방법
☑︎ 나만의 웹사이트 최종 완성 & 피드백
☑︎ 포트폴리오로 활용하는 방법 안내
✔모집대상
- UX, UI 및 프론트엔드에 관심이 있으신 분
- figma를 활용한 웹 디자인에 관심이 있으신 분
✔참고사항
- 참가비는 없습니다.
- 개인 노트북 반드시 지참 바랍니다.
✔예시
조금 가르쳐줬던 문과 친구가 ai 활용하여 20분만에 디자인, 코딩, 배포까지 한 사이트입니다.
https://colorin-official.netlify.app/
✔지원링크
