[동국대X전자신문] 구글 클라우드 플랫폼을 활용한 리액트 개발자 과정

동국대학교와 전자신문이 합작하여 만든 '구글 클라우드 플랫폼을 활용한 리액트 개발자 과정', 배달의민족 개발 전문가와 함께하는 실습 프로젝트까지 한번에 경험해보세요.

모집개요

기존의 서버호스팅이나 웹호스팅은 이제 구시대 유물처럼 느껴질만큼 최근 웹의 생태계가 급변하고 있습니다.
본 강의는 최근 트랜드에 맞춰 클라우드 기반의 구글 파이어베이스와 연동하는 리액트 프로그래밍 수업입니다. 웹 프로그래밍을 통해 직접 웹을 클라우드 환경까지 런칭해볼 수 있는 내용으로 진행합니다. 리액트와 파이어베이스 두가지를 한꺼번에 활용할 수 있는 수업으로 풀스택 개발자로 거듭날 수 있는 발판이 될 것입니다.

교육일정

2021.10.26(화) ~ 12.02(목), 매주 화목반, 19:40~22:00

교육방법

100% 오프라인 교육
- ※코로나19 상황에 따라 온라인으로 변동될 수 있습니다.

추천대상

- HTML/CSS 등 웹 프로그래밍 기초지식이 있는 분
- 프론트엔드·웹 개발자, 관련 직종 종사하는 담당자

교육목표

- 리액트 기초문법 이해
- 리액트를 이용한 입력, 출력, 검색, 수정, 삭제 기능구현
- 웹의 기초 지식과 기본 개념을 이해
- 완성된 어플리케이션을 클라우드를 통해 배포

교육내용

1차시(화)
- 변수, 제어문, 클래스, 함수
- 객체와 배열
- underscore 라이브러리, DOM, BOM

2차시(목)
- jQuery 라이브러리
- DOM을 이용한 애니메이션 구현, Ajax 기능 활용
- Template을 이용한 CRUD 실습

3차시(화)
- Express 모듈
- View engine, REST 방식 이해하기
- Nodejs 서버 준비

4차시(목)
- Nodejs 게시판 – 목록, 입력 기능 구현
- Nodejs 게시판 – 출력 기능 구현
- Nodejs 게시판 – 상세보기, 삭제 기능 구현

5차시(화)
- Firebase 가입 및 구축, Firebase 명령어 정리
- Firestore 데이터 베이스 사용
- Firestore storage에 파일 업로드

6차시(목)
- 고객정보 관리 페이지 구현 준비
- Firebase serve local 서버 실행
- 부트스트랩 CSS 라이브러리 사용

7차시(화)
- VSCode 설치 및 플러그인 설치
- CRA(create-react-app) 사용
- CDN을 이용한 리액트

8차시(목)
- CRA에서 리액트 학습하기
- Firebase에 CRA 리액트 프로젝트 연동
- Firebase 사이트 구축 실습

9차시(화)
- CRA 프로젝트에서 Firebase DB 연동
리액트로 간단 입출력 프로그램 구현
- 리액트 입출력 프로그램 구현 실습
- JSX로 리액트 엘리먼트 정의하기

10차시(목)
- 리액트 상태 관리 useStat
- 리액트에서 Firestore DB에 CRUD
- userEffect 훅스로 컴포넌트 개선하기

11~12차시(화,목)
- 리액트 프로젝트 with 배달의민족 개발자

실습과제 및 평가

- 리액트를 이용한 게시판 기능 구현 및 배포
- 전문 개발자와 함께하는 프로젝트 실습

교육혜택

- 동국대학교 ICT분야 전문 교수진의 OT진행
- ICT분야 전문가와 함께하는 프로젝트 경험
- 전문 강사진에게 배우는 현직에서 바로 먹히는 실습형태의 프로그램
- 전과정 이수시 동국대학교 미래융합교육원 명의의 인증서(수료증)발급

신청방법

동국대학교 미래융합교육원 사이트 내 접수

주최

동국대학교 미래융합교육원

주관

전자신문

문의

02-2168-9351