| 1차시 |
기초부터 확실하게(UX/UI 디자인 제작 툴 기초 학습) |
-
- - 웹디자인의 구성 및 UIUX디자인의 패턴 이해
- - 생성형 AI 기반의 디자인 툴 기초 사용법
|
| 2차시 |
기본기를 탄탄하게 (UIUX 기획 및 디자인) |
-
- - UI디자인 시스템과 UX리서치 사용자의 심리와 행동 이해
- - 인사이트 분석 모델링
- - 인사이트 도출 및 아이디어 구체화
- - 웹페이지제작의 전략과 컨셉설정
- - 서비스 기획과 운영
|
| 3차시 |
협업 툴 사용법 |
-
- - Git 기초 및 GitHub 활용
|
| 4차시 |
최신 트랜드 생성형 AI 활용 (ChatGPT) |
-
- - 생성형 AI의 이해
- - 생성형 AI프롬프트 작성
- - 생성형 AI의 확장 프로그램
- - 생성형 AI의 활용
|
| 5차시 |
지금부터 실전으로 Html,CSS를 활용한 UI/UX 디자인 적용 |
-
- - 웹 & 모바일 브라우저의 이해
- - HTML5 / CSS3 (SCSS,SASS,부트스트랩)
- - 웹 & 모바일 레이아웃 구성
- - 미디어쿼리, 멀티미디어, 애니메이션, 플렉시블구현
- - PWA 구현 및 웹 API
- - 레이아웃 구현 및 반응형 웹사이트 구현
|
| 6차시 |
최신 트랜드 (Figma)를 활용한 UX/UI 디자인 |
-
- - Figma(피그마)를 활용한 UX/UI 디자인
- - Figma(피그마) AI를 활용한 디자인
|
| 7차시 |
웹페이지의 동적요소 담당 (자바스크립트 / 제이쿼리) |
-
- - CSS플렉스박스, 그리드 레이아웃
- - SASS 컴파일러 설치 및 기본 문법
- - 변수와 스타일 중첩, 파셜 및 코드 모듈화
|
| 8차시 |
데이터베이스를 이용한 동적인 웹 구현 |
-
- - 데이터베이스 생성 및 관리
- - 데이터모델링, 데이터 C/R/U/D
- - 고급 SQL JOIN, 서브쿼리, View, SP, Trigger
- - GraphQL 사용하기
|
| 9차시 |
리액트로 구현하는 SPA |
-
- - VSCode 설정
- - React구성 및 설정
- - JSX의 기본문법 컴포넌트 작성 및 관리
- - 이벤트처리, useState, useEffect 등 주요 Hook 사용
- - SPA구현 및 상태관리
- - 서버사이드 렌더링
- - 애니메이션 라이브러리 활용
- - Next.js의 활용
|
| 10차시 |
자바스크립트 고급 활용 |
-
- - Node.js의 기본개념 이해와 활용
- - Vue.js의 기본 문법, 미들웨어, 라우팅
- - RestFul API의 개념 및 CRUD 구현
- - DB연동, 인증기법, 보안설정
|
| 11차시 |
최신 트랜드 서버리스 (AWS 클라우드 활용 배포) |
-
- - AWS 인프라구조 이해
- - AWS EC2서버를 통한 앱 배포하기
- - AWS RDS를 활용한 데이터베이스 배포
- - AWS IAM, Orgnaization 서비스 설게
- - AWS Route53, ELB, EC2 Auto Scaling관리
|
| 12차시 |
프로젝트 기획과 관리 |
-
- - 프로젝트 관린 및 프로세스
- - S/W TEST 및 TEST CASE 작성
- - 요구사항 기반의 사용자 UX/UI 화면 상세설계서 작성
- - IT 인사담당자가 이야기 하는 신입개발자 토크
|
| 13차시 |
MVP 이해 및 제작 |
-
- - MVP의 개요 및 필요성과 환경
- - MVP의 성공방법 및 활용방안
- - MVP 테스트
- - MVP 제작계획 상세 설계 및 실습
- - ChatGPT활용 MVP 제작
|
| 14차시 |
기업연계 팀 프로젝트 |
-
- * 온라인 쇼핑몰 제작 - 판매상품 큐레이션 및 경품추천 기능 웹서비스 제작
- * 에듀테크 서비스 - 교육검색 플랫폼 웹서비스 제작
- * 콘텐츠 서비스 - 콘텐츠(음원,영상)관리 및 판매 웹서비스 제작
|
