디지털 디자인

[디지털컨버전스] UI/UX 인터렉티브 개발자 양성과정(프론트엔드,React)

개강일

수시개강
교육기간

정규 6개월(113일/900시간)
수강료
- 100% 전액지원(훈련교재 무료제공)
- ※ 훈련참여시 월최대 80만원 훈련장려금 지원
모집정원

20명

궁금한 점이 있다면?
상담·문의 신청하기

디지털 디자인

[디지털컨버전스] UI/UX 인터렉티브 개발자 양성과정(프론트엔드,React)

개강일

수시개강
교육기간

정규 6개월(113일/900시간)
수강료
- 100% 전액지원(훈련교재 무료제공)
- ※ 훈련참여시 월최대 80만원 훈련장려금 지원
모집정원

20명

상담·문의신청

UI/UX 설계부터 React 프론트엔드 개발까지
사용자를 사로잡는 웹 서비스를 직접 구현하라!
UI/UX 인터렉티브 개발자 양성과정

기획, 디자인, 퍼블리싱, 개발을 아우르는 All-in-One 실무 과정!
웹표준 기초부터 React 기반의 데이터 처리, 인터렉티브 구현까지
현업에서 즉시 통하는 경쟁력 있는 포트폴리오를 완성합니다.

HTML·CSS·JS·React 핵심 스택을 완벽하게 마스터하고,
사용자 경험(UX)을 주도하는 프론트엔드 전문가로 성장하세요.

어떤걸 배울 수 있나요?
디지털디자인 주요 스킬

1

HTMLHTML5를 활용해 웹페이지의 구조와 콘텐츠를 체계적으로 설계하고, 시맨틱 마크업으로 접근성을 강화하는 방법을 익힙니다.
2

CSSCSS3를 활용해 웹페이지의 시각적 디자인을 구현하고, 반응형 및 애니메이션 효과로 사용자 경험을 향상시키는 기법을 익힙니다.
3

JavaScript & jQueryJavaScript와 jQuery를 활용해 웹페이지에 동적 인터랙션과 DOM 조작을 구현하고, 사용자 경험을 극대화하는 기술을 익힙니다.
4

피그마Figma를 활용해 UI/UX 디자인 프로토타입을 제작하고, 사용자 중심의 인터페이스 흐름을 설계하는 실무 기술을 익힙니다.
5

React.jsReact.js를 활용해 컴포넌트 기반의 동적이고 반응형 웹 인터페이스를 설계하고 상태 관리 기법을 마스터합니다.
6

SQLSQL을 활용해 관계형 데이터베이스를 설계하고, 효율적인 쿼리 작성을 통해 데이터를 조회, 관리, 분석하며 데이터 중심의 의사결정 워크플로우를 최적화합니다.
7

GithubGit와 Github를 활용해 소스코드를 체계적으로 버전 관리하고, 팀 단위 협업 워크플로우를 최적화하는 방법을 익힙니다.

이런 내용을 교육합니다

과정명

커리큘럼 정규 6개월(113일/900시간)

1 요구사항 확인
- 현행 시스템 분석하기
- 요구사항 확인하기
- 분석모델 확인하기
2 UI/UX 요구 분석
- UI/UX 콘셉트 아이디어 도출하기
- 패스트 프로토타입 제작하기
- 패스트 프로토타이핑 검증하기
3 UI 구현
- UI 설계 검토하기
- UI 구현 표준 검토하기
4 UI 디자인
- GUI 디자인 콘셉트 도출하기
- GUI 디자인 요소 선정하기
5 화면 설계
- UI 요구사항 확인하기
- UI 설계하기
6 데이터 입출력 구현
- 논리 데이터저장소 확인하기
- 물리 데이터저장소 설계하기
- 데이터 조작 프로시저 작성하기
- 데이터 조작 프로시저 최적화하기
7 SQL 활용
- 기본 SQL 작성하기
- 고급 SQL 작성하기
8 애플리케이션 설계
- 공통 모듈 설계하기
- 타 시스템 연동설계하기
9 화면 구현
- UI 설계 확인하기
- UI 구현하기
10 서버프로그램 구현
- 개발환경 구축하기
- 공통 모듈 구현하기
- 서버 프로그램 구현하기
- 배치 프로그램 구현하기
11 통합 구현
- 연계 데이터 구성하기
- 연계 메커니즘 구성하기
- 내외부 연계 모듈 구현하기
12 인터페이스 구현
- 인터페이스 설계서 확인하기
- 인터페이스 기능 구현하기
- 인터페이스 구현 검증하기
13 애플리케이션 테스트 수행
- 애플리케이션 테스트 수행하기
- 애플리케이션 결함 조치하기
14 웹퍼블리싱
- 웹표준의 이해
- HTML5 태그 및 주요 특징
- CSS 기본 문법
- 클론코딩
15 웹프로그래밍(Javascript)
- 웹 브라우저 제어
- 라이브러리와 프레임워크
- DOM 조작
- AJAX 활용 API 호출 및 연동
- 기능 구현 실습
16 프론트엔드(React)
- React의 기초
- props와 state
- 컴포넌트의 생애주기
- 애플리케이션 구현 React 개발
- 라우팅 설정 컴포넌트 구현
- 메시지 피드 컴포넌트 구현
- 채널 상세 컴포넌트 구현
- 메시지 폼 컴포넌트 구현
- 컴포넌트 간의 연동

* 교육 커리큘럼은 트렌드 및 기수에 따라 변동될 수 있습니다.

[디지털컨버전스] UI/UX 인터렉티브 개발자 양성과정(프론트엔드,React)

궁금한 점이 있다면? 상담·문의 신청하기

[디지털컨버전스] UI/UX 인터렉티브 개발자 양성과정(프론트엔드,React)

기획, 디자인, 퍼블리싱, 개발을 아우르는 All-in-One 실무 과정! 웹표준 기초부터 React 기반의 데이터 처리, 인터렉티브 구현까지 현업에서 즉시 통하는 경쟁력 있는 포트폴리오를 완성합니다.

HTML·CSS·JS·React 핵심 스택을 완벽하게 마스터하고, 사용자 경험(UX)을 주도하는 프론트엔드 전문가로 성장하세요.

1

HTMLHTML5를 활용해 웹페이지의 구조와 콘텐츠를 체계적으로 설계하고, 시맨틱 마크업으로 접근성을 강화하는 방법을 익힙니다.

2

CSSCSS3를 활용해 웹페이지의 시각적 디자인을 구현하고, 반응형 및 애니메이션 효과로 사용자 경험을 향상시키는 기법을 익힙니다.

3

JavaScript & jQueryJavaScript와 jQuery를 활용해 웹페이지에 동적 인터랙션과 DOM 조작을 구현하고, 사용자 경험을 극대화하는 기술을 익힙니다.

4

피그마Figma를 활용해 UI/UX 디자인 프로토타입을 제작하고, 사용자 중심의 인터페이스 흐름을 설계하는 실무 기술을 익힙니다.

5

React.jsReact.js를 활용해 컴포넌트 기반의 동적이고 반응형 웹 인터페이스를 설계하고 상태 관리 기법을 마스터합니다.

6

SQLSQL을 활용해 관계형 데이터베이스를 설계하고, 효율적인 쿼리 작성을 통해 데이터를 조회, 관리, 분석하며 데이터 중심의 의사결정 워크플로우를 최적화합니다.

7

GithubGit와 Github를 활용해 소스코드를 체계적으로 버전 관리하고, 팀 단위 협업 워크플로우를 최적화하는 방법을 익힙니다.

과정명

상담을 통해 학습 진도를 평가하고 개인에 맞게 교육 난이도를 조절하여 교육합니다.

궁금한 점이 있다면? 상담·문의 신청하기

궁금한 점이 있다면?
상담·문의 신청하기

기획, 디자인, 퍼블리싱, 개발을 아우르는 All-in-One 실무 과정!
웹표준 기초부터 React 기반의 데이터 처리, 인터렉티브 구현까지
현업에서 즉시 통하는 경쟁력 있는 포트폴리오를 완성합니다.

HTML·CSS·JS·React 핵심 스택을 완벽하게 마스터하고,
사용자 경험(UX)을 주도하는 프론트엔드 전문가로 성장하세요.

상담을 통해 학습 진도를 평가하고 개인에 맞게
교육 난이도를 조절하여 교육합니다.

궁금한 점이 있다면?
상담·문의 신청하기