Front-End 개발
Search
주제
과정명 및 교육내용
교육시간
커리큘럼
Front-End 개발
2일 16시간
가. NodeJS 이용하여 REST API 구현하기
나. Swagger를 사용하여 REST API 문서 작성하기
다. ReactJS으로 UI를 구현하여 REST API와 연동하기
라. CORS 문제 해결하기
마. GitHub Actions를 사용하여 빌드하기
바. AWS EC2 서버 생성하기
사. AWS 클라우드에서 Nginx와 NodeJs 연결하기
Front-End 개발
2일 15시간
가. 자바스크립트 개요와 문법
나. 자바스크립트 함수와 이벤트
다. jQuery
라. Ajax
Front-End 개발
2일 16시간
가. REST API와 통신하는 타입스크립트 기반 Vuejs 프로젝트 구현하기
나. 기존 자바스크립트 기반 Vuejs 프로젝트의 라우터, HOC 공통컴포넌트에 타입스크립트 적용하기
다. 기존 자바스크립트 기반 Vuejs 프로젝트의 Props 속성, Vuex, 컴포넌트에 타입스크립트 적용하기
라. Vue 플러그인에 타입 적용하기
Front-End 개발
2일 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 개발
1일 8시간
가. 타입스크립트 개념과 장점
나. 변수와 함수에 타입 적용하기
다. 클래스(Class)와 인터페이스(Interface) 선언하기
라. 제네릭스(Generics) 사용하기
마. 타입추론과 타입단언
Front-End 개발
2일 15시간
가. Vue.js 프레임워크와 Vue CLI
나. ECMAScript6와 Babel 소개
다. Vue 컴포넌트와 데이터 바인딩
라. VueX 소개 및 HTTP 통신
마. Vue 라우터
Front-End 개발
2일 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 개발
2일 16시간
가. 반응형 지원을 위한 HTML5/CSS
나. 디자인 프레임워크 활용(Bootstrap)
다. 사례를 통한 HTML, CSS Front-End 개발 실습
라. 자바스크립트 문법
마. 객체지향 자바스크립트 활용
바. 자바스크립트 애니메이션
사. 자바스크립트를 이용한 인터랙티브 웹사이트 개발 실습
Front-End 개발
1일 8시간
가. Material UI
나. UI Framework를 적용한 React 프로젝트 개발 실습
Front-End 개발
3일 21시간
가. React Native 개요
나. 자바스크립트 ES6 정리
다. React Native UI 컴포넌트
라. React Native 스타일과 이벤트
마. React Native Navigation
바. React Native Context & Redux
사. React Native 서버 연동
Front-End 개발
3일 24시간
<1일차>
실전 Dart 문법
- 참조 비교 & 값 비교
- 메모리 할당 규칙
- 얕은 복사 & 깊은 복사
- 불변 객체
- 직렬화 & 역직렬화
- 코드 생성 패키지
- final & const
- getter & setter
- extends & mixin & extension
상태 관리
- StatefulWidget
- InheritedWidget
- Provider
- Riverpod
- Cubit
- Bloc
<2일차>
디자인 시스템 & 반응형 UI
- 디자인 시스템 이론
- 커스텀 테마 만들기
- 다국어 구현
- Overlay
- GlobalKey
- BuildContext
- 반응형 UI 구현
<3일차>
MVVM & Test
- MVVM Architecture
- 관심사 분리
- 데이터 바인딩
- 의존성 주입
- 모의 객체
- Unit Test
- Golden Test
- Widget Test
- Integration Test
- Test Coverage
Front-End 개발
2일 16시간
<1일차>
- Flutter 앱 개발 과정 이해하기
- VSCode와 친해지기
- Dart 문법 이해하기
- Flutter의 Widget 이해하기
- 화면 그리는 위젯 이해하기
- 패키지 사용법 익히기
- Shared Preferences CRUD 구현
- Provider를 활용한 상태관리
- 실습
<2일차>
- 인터넷 및 HTTP 이해하기
- 비동기를 이해 및 구현
- API 문서 이해 및 연동
- Firebase 연동 및 환경 구성
- Firebase Authentication을 활용하여 로그인 구현
- Cloud Firestore CRUD연동
- Cloud Firestore 보안규칙 적용
- 실습
Front-End 개발
1일 8시간
가. 웹 성능 개요
나. 웹 성능 최적화 방법 소개
다. 웹 분석 도구 소개 및 활용
라. 최적화 실습
Front-End 개발
1일 8시간
가. React Native 기초
나. 디바이스 기능 활용 방법
가. 인스타그램 클론코딩
라. APK 배포하기
Front-End 개발
1일 8시간
가. 싱글톤
나. 팩토리 패턴
다. 팩토리 메소드 패턴
라. 데코레이터 패턴
마. 퍼사드 패턴
Front-End 개발
2일 16시간
가. Vite 기반으로 Qwik 어플리케이션 작성하기
나. Qwik Page 컴포넌트 작성하기와 Routing 적용하기
다. State와 Props 적용하고 이벤트 핸들러 작성하기
라. E-커머스 Store 프로젝트 작성하기
Front-End 개발
2일 16시간
가. ReactJS Form Validation 처리 방법
나. RTK(Redux Tool Kit)를 사용하여 Redux Thunk 미들웨어로 Async Action을 처리하는 방법
다. RTK Query를 사용하여 Async Action을 처리하는 방법
라. JWT 인증토큰을 활용하는 로그인 처리하는 방법
Front-End 개발
2일 16시간
가. 개발환경설정 및 프로젝트 생성
나. Props에 Type 선언하기
다. useState 와 useRef 사용하기
라. useReducer와 useContext Hook 사용하기
마. React Hook Form에 입력항목 검증 라이브러리 Zod Validation을 적용하기
바. Shopping Cart Mini Project 구현하기
Front-End 개발
2일 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 작성하기
COUNT20
