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

카테고리 없음

by allcon(allcontest) 2021. 10. 1. 14:00

대외활동 - '동국대미래융합교육원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	리액트 라우팅 리다렉션 사용하기