- 교육기간
- 2024-11-28 ~ 2025-06-03
- 교육시간
- 09:00~16:40 1일 7교시 [월,화,수,목,금]
- 모집인원
- 25명
교육상세보기
강사구분 | 강사명 | 전문분야 | 담당교과목 | 참여기업명 |
---|---|---|---|---|
멘토 |
서○성 |
정보기술개발 |
프로젝트2 |
주식회사에스씨티 |
멘토 |
남○정 |
정보기술개발 |
프로젝트1 |
주식회사테렌즈(TERENZCO.,LTD.) |
멘토 |
김○원 |
정보기술개발 |
프로젝트1 |
(주)투어스태프 |
1단계 2D디자인 능력양성 프로그래밍 언어 학습 |
2단계 프로젝트 기획/설계/구현 |
3단계 실무 퍼블리셔 |
4단계 산학협력 실무프로젝트 (업체멘토링) |
---|---|---|---|
UIUX 디자인시스템 (115시간) |
UIUX 콘텐츠 분석 & 기획 & 설계 (110시간) |
프론트엔드 프레임워크 (80시간) |
프로젝트 1 ► SW개발기업 업무관리 서비스 반응형웹앱 ► 친화경 카셰어링 모빌리티앱 리뉴얼 (140시간) |
프론트엔드 개발 기초 (86시간) |
javaScript와 CSS 3D Transform을 활용한 인트렉티브 웹 구현 (80시간) |
프로젝트 2 ► EMS디바이스 AI 헬스케어 앱 (150시간) |
|
프론트엔드 개발 심화 (80시간) |
반응형웹/앱 구현 (60시간) |
Git & Github (20시간) |
교과목명 | 세부내용 |
---|---|
프론트엔드 개발 기초 |
- HTML (1.HTML기본개념 2.HTML기본태그와 역할 3.시멘틱태그) - CSS (1.CSS선택자 2.스타일속성 3.Box스타일 4.Layout스타일 5.반응형웹 6.Transform&Transition 7.Animation) - CSS Preprocessor (1.파일분리와 Nesting 2. Variable 3.Mixin 4.Extend 5.조건문과 반복문,함수 6.sass컨벤션 7.미디어쿼리) |
프론트엔드 개발 심화 |
- javaScript 기본 (1.변수 2.자료형 3.연산다 4.조건문 5.반복문) - javaScript 함수와 이벤트 (1.함수 2.재사용 함수 3.표현식 4.이벤트와 이벤트처리기) - javaScript 객체 (1.객체알아보기 2.자바스크립트 내장 객체 3.브라우저관련 객체) - Dom (1.문서객체모델 2.DOM요소에 접근하고 속성가져오기 3.DOM 이벤트처리 4.DOM 노드추가,삭제) |
프론트엔드 프레임워크 |
- node.js (1.노드 작업환경,설정 2. REPL터미널 3. NPM 4.Callback Function개념 5.Event Loop 6.HTTP Module) - React.js (1.환경설정 2.JSX 3.함수컴포넌트, 클래스컴포넌트 4.HOOK 5.Props 6.State 7.useEffect 8.웹라이브러리) |
UIUX 콘텐츠 분석&기획&설계 |
- 요구분석 (1.사용자리서치 2.UI/UX콘셉트 아이디어도출 3.태스크분석 4.디자인 포지션 5.디자인리서치) - UI/UX 콘셉트 기획 (1.UI/UX 콘셉트 도출 2.페르소나 3.시나리오) - 콘텐츠 서비스 UX 설계 (1.정보구조설계 2.플로우차트 3.와이어프레임 4.화면설계 스토리보드) |
UIUX 디자인시스템 |
- 2D그래픽 (1.포토샵 기본기능 2.포토샵툴활용 3.포토샵실무 3.일러스트레이터 기본기능 4.일러스트레이터 툴활용 5.일러스트레이터실무) - UI디자인 (1.기본 인터페이스 2.툴기능과 활용 3.에셋 4.스타일 5.디자인시안 6.UI디자인 7.프로토타이핑 - UIUX 디자인시스템 구축 (1.디자인시스템 2.컴포넌트 3.형상관리 협업 4.디자인핸드오프) |
반응형웹/앱 구현 |
- Flexible Box (1. Flex기초 2.flex container 3.Flex item) - Grid System (1.Grid개념 2.grid-Container 3.grid-item) - 반응형레이아웃 (1.반응형웹 개념 2.Media Query 3.섹션전환 레이아웃 4.모바일네비게이션 5.Plan 섹션 6.플러그인 활용) |
javaScript와 CSS 3D Transform을 활용한 인트렉티브 웹 구현 |
- Mouse 액션 (1.mouse move 값 활용 2.requestAnimationFrame 3.transform, translate 4.transition, easing) - Scroll 애니메이션 (1.패럴럭스개념 2.scrollTop 3.스크롤 백분율 4.가로ScrollBar제작 ) - 패럴랙스 레이어 (1.세로스크롤바 디자인 2.Transform3D 3.scrollTop, translate 패럴럭스구현 4.입체감이 느껴지는 페럴랙스 페이지 구현) - 플랙스기반 FullScreen 동영상제어 인트로페이지(1.FullScreen레이아웃구성 2.섹션별 영상컨텐츠 디자인 3.javaScript영상제어 4.인트로,영상플레이 화면구현) |
Git & Github |
- git 설치와 기본 설정 (1.Git 초기화와 로컬저장소 2.Git기초명령어 3.로컬에서 형상관리) - Github 연동 (1.GitHub환경설정 2.로컬과 원격의 상호작용 3. 깃허브 협업) - Git 고급활용 (1.자장소와 버전관리 2. 원격저장소와 상호작용 3.Branch, Fork, Slack) |
프로젝트1 |
- SW개발기업 업무관리 서비스 반응형웹앱 - 친화경 카셰어링 모빌리티앱 리뉴얼 |
프로젝트2 |
EMS디바이스 AI 헬스케어 앱 |
재량교과 |
OT, 취업특강, 프로젝트 발표, 수료식 |
※ 채용약정업체의 구인수가 부족하거나 다른 기업체로 취업을 희망하는 경우 엄선된 취업처로 취업지원을 해 드립니다.