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

동국대학교미래융합교육원,전자신문

대외활동

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

주최/주관

동국대학교미래융합교육원,전자신문

접수기간

강의개요

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

 

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

 

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

 

추천대상
HTML/CSS 등 웹 프로그래밍 기초지식이 있는 분 (대학생 이상)
프론트엔드·웹 개발자, 관련 직종 종사하는 직장인

 

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

 

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

 

강의내용

교과목

요일

교시

세부내용

1.자바스크립트

1

변수, 제어문, 클래스, 함수

2

객체와 배열

3

underscore 라이브러리, DOM, BOM

1

jQuery 라이브러리

2

DOM을 이용한 애니메이션 구현

Ajax 기능 활용

3

Template을 이용한 CRUD 실습

2. Nodejs

1

Express 모듈

2

View engine, REST 방식 이해하기

3

Nodejs 서버 준비

1

Nodejs 게시판 – 목록, 입력 기능 구현

2

Nodejs 게시판 – 출력 기능 구현

3

Nodejs 게시판 – 상세보기, 삭제 기능 구현

3. 구글 Firebase

1

Firebase 가입 및 구축, Firebase 명령어 정리

2

Firestore 데이터 베이스 사용

3

Firestore storage에 파일 업로드

1

고객정보 관리 페이지 구현 준비

2

Firebase serve local 서버 실행

3

부트스트랩 CSS 라이브러리 사용

4. 리액트 기초

1

VSCode 설치 및 플러그인 설치

2

CRA(create-react-app) 사용

3

CDN을 이용한 리액트

1

CRA에서 리액트 학습하기

2

Firebase에 CRA 리액트 프로젝트 연동

3

Firebase 사이트 구축 실습

5. 리액트 활용

1

CRA 프로젝트에서 Firebase DB 연동

리액트로 간단 입출력 프로그램 구현

2

리액트 입출력 프로그램 구현 실습

3

JSX로 리액트 엘리먼트 정의하기

1

리액트 상태 관리 useStat

2

리액트에서 Firestore DB에 CRUD

3

userEffect 훅스로 컴포넌트 개선하기

6. 리액트

프로젝트

1

리덕스 React-Redux 사용하기

2

리덕스 React-Redux 사용하기 실습

3

fetch로 파일 업로드

1

fetch 훅, fetch 컴포넌트 만들기

2

리액트 라우팅 리다렉션 사용하기

※ 리액트 프로젝트 부문은 전문 개발자 멘토가 함께합니다. 

 

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

 

신청방법

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

신청바로가기

 

대외활동 사기? 거르고 고르는 방법

요즘것들 '신호등' 기능으로 안전하게 확인하세요

이 공고도 보기

AD