이젠아카데미컴퓨터학원

HTML5 & CSS3

• HTML Semantic Tag
• CSS3 Selector, CSS3 layout(flex/grid)
• Platform 및 Device별 웹 페이지 구현
  (클론페이지 구현)
• 페이지 구현
  (Flex & Grid 활용 / 반응형웹)
• Git / Github 연동
• SCSS 학습 & 실전예제
  (Navigation / Header / Toggle)
• SVG 활용 Animation 실전예제 실습

Javascript 이해

• Javascript 기초 문법
  (자료형, 연산자, 함수)
• Javascript 기초예제
  (가위.바위.보 게임) (D-day 계산기)
• Javascript 내장 객체
  (Math / Date / Object 등)

Javascript 연산자

• Javascript for in / for of문 class 생성자 함수 개발
• Javascript prototype, instance 객체
• Javascript Array, String Method 실습
• Javascript Array Method
  (forEach, push, pop, shift 등)
• Javascript 심화 spread operator
  (deep copy/shallow copy, Map Set 개념학습, iterable, generator함수)

Javascript DOM Event

• Javascript DOM & BOM 구조
  (event 운영방법 학습)
• Javascript 비동기함수 학습
  (setTimeInterval / setTimeout / setClearInterval)
• Javascript 활용: Modal, Slide 제작 실습

Javascript Data 통신

• Javascript 심화과정
  API & json data 학습
  (*try / catch / finally)
• Javascript 심화과정
  XMLHttprequest 활용 실습
• Javascript 심화과정
  synchronous / Asynchronous
• Javascript 심화과정
  Callback / Promise / Fetch

Javascript API 활용

• Javascript 실습프로젝트
  (SNS블로그 페이지 제작)
• Web API 개념학습, Storage API 학습
• Kakao Map API 활용,
  Geolocation API 구현
• Javascript Canvas API 이론,
  getContext / moveTo
• Javascript Canvas API 실습,
  웹 페이지 구현

PBL 프로젝트
(OTT Service 웹/모바일 퍼블리싱)

• HTML / CSS 활용 웹/모바일 퍼블리싱
• 문서내 동적 기능 구현을 위한 Javascript 작성
• javascript & Dom을 활용한 UI 구현
• javascript를 활용한 애니메이션 UI 구현
• 프로젝트 평가 (발표)

React.js 기초이론(jsx/state/props)

• React 기초 문법 (*with Typescript)
• React 카운트 앱 제작
  (*with Typescript)
• React / JSX 문법 학습
  Component 관리
• React / input 요소관리 Hooks>useRef
• React Hooks useEffect 학습
  useEffect 활용 컴포넌트 생애주기 사이클 실습

React.js 기본예제 실습
(hooks 함수사용단계)

• React TodoList 예제실습 컴포넌트 주도형 웹페이지(*Header/TodoEditor)
• useReducer 활용 : 상태관리학습
• useMemo 활용 : 리액트 앱 최적화 하기
• React 감정일기장 : 실습 프로젝트 제작
• React 실전예제 : 국가별 날씨 데이터 출력 (with위젯스피너활용)
• React 실전예제 (*H&M 쇼핑몰 만들기)

React.js 응용예제 심화
(statemanagement관리단계)

• [이론] React CSR 프레임워크 학습 :
  GraphQL/useStaticQuery/pageQuery/Recoil/Reactquery
• [실습] React & Typescript Project :
  OnlineShoppingmal

Next.js

• React & Next.js 웹팩 설정 커스터마이징
• 타입스크립트 활용 컴포넌트 세팅
• React Hooks 활용 동적 컴포넌트 로딩
• Next.js Page Routing 세팅
• Data Fetching & Metadata 활용
• 서버활용 REST API 수립
• SEO 성능관리 및 랜더링 전략 수립
• 온라인 e-commerce 웹 사이트 구현

Node.js 기본기능학습

• Node.js 설치 및 기본서버 구축 : 내부API활용
• Node.js 모듈활용 ; Data Transfering

http 모듈 및 익스프레스 웹 서버

• MySQL 소개 및 CRUD 학습
• Node.js Middleware 학습
• Express 활용 웹서버 구현실습

DataBase 운영관리 기본

• Node.js Router 활용 :
  error처리/보안영역학습
• Cookie 및 Session 개념이해 : Login/Logout실습
• 회원정보 저장 및 접근제어
• DataBase 기본이론 & MongoDB 학습

OTT 사이트프로젝트
(Netflix Webpage)

• Node.js 활용 ; TodoList실습
• React + Node (Netflix Webpage Project)
• Final PortFolio Deploy & Code Feedback_First
• Final PortFolio Deploy & Code Feedback_Second