Search
주제
과정명(과정명우측 마우스 가져다두고 열기 클릭)
교육시간
커리큘럼
Front-End 개발
16시간
가. 다트(Dart) 기초
나. Flutter 위젯 및 내비게이션
다. UI Design
라. 패키지 연동 & CRUD 구현
마. API 연동
바. Firebase 로그인 & 데이터베이스 연동
사. Flutter 앱 개발 실습
1일차.
- Flutter 앱 개발 과정 이해하기
- VSCode와 친해지기
- Dart 문법 이해하기
- Flutter의 Widget 이해하기
- 화면 그리는 위젯 이해하기
- 패키지 사용법 익히기
- Shared Preferences CRUD 구현
- Provider를 활용한 상태관리
- 실습
2일차.
- 인터넷 및 HTTP 이해하기
- 비동기를 이해 및 구현
- API 문서 이해 및 연동
- Firebase 연동 및 환경 구성
- Firebase Authentication을 활용하여 로그인 구현
- Cloud Firestore CRUD연동
- Cloud Firestore 보안규칙 적용
- 실습
Front-End 개발
15시간
가.Reactor의 개념과배경지식
- 반응형(리액티브) 프로그래밍 개념
- Recotor의 개요와 특징
나.Reactor의 메커니즘
- Reactor의 전체 구성과 비동기 처리
- 비동기 Flowable / Observable 객체
다.Flowable과 Observable 연산자
- Flowable과 Observable을 생성하는 연산자
- 통지 데이터를 변환하는 연산자
라.Reactor 프로젝트의 필수요소
- Reactive 타입 Flux와 Mono 소개
- Flux와 Mono 시퀀스 작성하기
마.WebFlux개요 및 적용
- 웹플럭스를 사용하여 스트리밍 실시간 시스템에 적용하기
Front-End 개발
24시간
1일차.
- 개발환경설정 및 Spring Boot 프로젝트 생성하기
- CRUD REST API 구현하기
- 입력 데이터 검증하기
- 페이징 처리
- 테스트 케이스 작성하기
- 예외처리 하기
2일차.
- Spring REST Docs 소개
- Spring REST Docs를 사용하여 REST API 문서 작성하기
- Vue.js 설치하고 Vue.js 프로젝트 생성하기
- Vue.js 로 UI 작성하기
3일차.
- Docker Container와 Image 개념 소개 및 생성하기
- Dockerfile 구문 작성하기
- SpringBoot와 MariaDB 컨테이너 연동하기
- AWS EC2 인스턴스 생성
- AWS 기반 Stack 재배포
Front-End 개발
15시간
가. Vue.js 프레임워크와 Vue CLI
- Vue.js 프레임워크의 아키텍처
- Vue CLI 사용하여 프로젝트 생성
나. ECMAScript6와 Babel 소개
- const&let 설명 및 정리
- 변수 scope와 hoisting
- 화살표 함수 소개 및 정리
- Babel의 역할
다. Vue 컴포넌트와 데이터 바인딩
- 컴포넌트 소개 및 컴포넌트 간의 통신
- 전역&지역 컴포넌트 차이점과 컴포넌트 등록
라. VueX 소개 및 HTTP 통신
- 라우터 소개
- Nested 라우터와 Named View
마. Vue 라우터
- Vuex 소개
- Vuex가 필요한 이유 및 구조
- Mutations와 commit() 형식 소개
- 뷰리소스와 Axios
Front-End 개발
16시간
가. 반응형 지원을 위한 HTML5/CSS
나. 디자인 프레임워크 활용(Bootstrap)
다. 사례를 통한 HTML, CSS Front-End 개발 실습
라. 자바스크립트 문법
마. 객체지향 자바스크립트 활용
바. 자바스크립트 애니메이션
사. 자바스크립트를 이용한 인터랙티브 웹사이트 개발 실습
Front-End 개발
16시간
가. 개발환경설정 및 프로젝트 생성
나. Props에 Type 선언하기
다. useState 와 useRef 사용하기
라. useReducer와 useContext Hook 사용하기
마. React Hook Form에 입력항목 검증 라이브러리 Zod Validation을 적용하기
바. Shopping Cart Mini Project 구현하기
Front-End 개발
16시간
가. ECMAScript6와 Babel 소개
- ECMAScript6의 새로운 기능
- Babel의 원리 및 설정
나. Destructuring과 Arrow Functions 이해하기
- Destructuring Array와 Object 이해
- Arrow function 활용
다. Webpack 설정 및 빌드하기
- Webpack으로 빌드하기
- Babel Loader 설정하기
라. Module과 Class 사용하기
- Module 작성하기
- Class 작성하기
마. Promise 사용하기
- Promise 객체서게
- Promise Chaining
Front-End 개발
15시간
1일차
- 자바스크립트 기본
- 자바스크립트 연산자 및 제어문
- ES6
2일차
- DOM객체와 이벤트 핸들링
- jQuery사용하기
- Ajax 통신하기
Front-End 개발
16시간
가. 실전 Dart 문법
- 참조 비교 & 값 비교
- 메모리 할당 규칙
- 얕은 복사 & 깊은 복사
- 불변 객체
- 직렬화 & 역직렬화
- 코드 생성 패키지
- final & const
- getter & setter
- extends & mixin & extension
나. 상태 관리
- StatefulWidget
- InheritedWidget
- Provider
- Riverpod
- Cubit
- Bloc
다. 디자인 시스템 & 반응형 UI
- 디자인 시스템 이론
- 커스텀 테마 만들기
- 다국어 구현
- Overlay
- GlobalKey
- BuildContext
- 반응형 UI 구현
라. MVVM & Test
- MVVM Architecture
- 관심사 분리
- 데이터 바인딩
- 의존성 주입
- 모의 객체
- Unit Test
- Golden Test
- Widget Test
- Integration Test
- Test Coverage
Front-End 개발
8시간
1일차
- 타입스크립트 소개와 장점
- 타입스크립트 기본타입과 함수타입 / 유니온타입
- 클래스와 인터페이스
- 제네릭스(Generics)
- Type추론과 Type단언
- Type가드과 Type호완
Front-End 개발
16시간
가. js의 프레임워크 구조
나. js의 Page와 Layout과 Routing
다. js의 Pre-Rendering과 Data Fetching와 Dynamic Routes와 Metadata
라. js의 Static Generation
마. js의 페이지 렌더링 전략 SSG(Static-Site-Generation)와 SSR(Server-Side-Rendering)
바. js의 API Routes
사. js로 Blog App 작성하기
Front-End 개발
15시간
가. 최신 자바스크립트(ES6) 톺아보기
나. Node.js 소개 및 활용
다. 리액트 JSX와 컴포넌트
라. 리액트 props, state 그리고 생명주기
마. 리액트 Hook
바. 리액트 SPA(Single Page Application) 프로젝트
Front-End 개발
16시간
1일차.
- 개발환경설정 및 프로젝트 생성
- REST API와 통신하는 타입스크립트 기반 Vuejs 프로젝트 시작하기
- TodoList-App 등록, 조회 기능 구현하기
- TodoList-App 삭제, 정렬 기능 구현하기
2일차.
- 기존 자바스크립트 기반 프로젝트에 타입스크립트 적용하기
- 라우터 컴포넌트와 HOC 공통컴포넌트에 타입스크립트 적용하기
- Props 속성, VueX, 컴포넌트에 타입스크립트 적용하기
- Vue 플러그인에 타입 적용하기
Front-End 개발
16시간
1일차.
- 개발환경설정 및 NodeJS 프로젝트 생성하기
- NodeJS를 사용하여 CRUD REST API 구현하기
- Swagger를 사용하여 REST API 문서 작성하기
- ReactJS를 사용하여 UI 구현하기
2일차.
- ReactJS를 사용하여 UI 구현하기
- CORS 문제 해결하기
- AWS EC2 서버 생성하기
- AWS Nginx와 NodeJS 연결하기
- GitHub Actions를 사용하여 배포하기
Front-End 개발
8시간
가. Material UI
나. UI Framework를 적용한 React 프로젝트 개발 실습
Front-End 개발
15시간
가. ReactJS 소개 및 컴포넌트 간의 데이터 전달하기
- JSX 및 ES6 소개
- React 컴포넌트 소개
- JSX의 문법과 특징
- 컴포넌트 간의 통신 : props와 state
나. ReactJS에서 Redux 사용하기
- Redux 특징과 흐름 이해
- Redux 프로젝트 구조 및 컴포넌트 생성
- Redux의 Action과Reducer 와 Store 컴포넌트의 이해
다. Redux에서 Axios 를 사용한 Ajax 통신
- Axios와 Redux-thunk 라이브러리 소개
- Express 서버와 Http 통신하기
- Http클라이언트 작성을 위해 axios 와 redux-thunk 의 사용
라. ReactJS의 Router 사용하기
- SPA(Single Page Application) 패러다임
- React Router
- Route와 파라미터
Front-End 개발
21시간
1일차
- ES6 스크립트 정리
- React Native 개요
- UI 컴포넌트
- 스타일
- React Native 라이브러리
2일차
- Redux의 이해
- 서버 통신 구현하기
- 3RD Party UI 라이브러리 사용하기
