이젠아카데미컴퓨터학원

HTML5 & CSS3 웹앱서비스 기초

• HTML Semantic Tag
• CSS3 Selector, CSS3 layout(flex/grid)
• Platform 및 Device별 웹 페이지 구현
  · 네이버 / 쿠팡 / 카카오 클론
• Flex & Grid 활용 실전 웹페이지 구현
  (Web / Mobile / Tablet),
  Git / Github 연동
• SCSS 학습 & 실전예제
  (Navigation / Header / Toggle)
• SVG 활용 Animation 실전예제 실습

Javascript 기초이해

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

Javascript 라이브러리 jQuery

• jQuery 활용
• Javascript Plugin 실습
  (scrollTo / fullpage / parallax)

Javascript DOM Event

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

Javascript 포트폴리오 제작 & 배포

• 1차 평가 :
  Javascript 활용 ToDoList 제작
• 1차 평가 코드리뷰 추가 미션 제공
  & PortFolio O.T
• Javascript 실전예제 : video resource활용 flex 반응형 웹페이지 제작
• Firbase 활용 Deploy

Javascript 연산자 기능

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

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 실습
  웹 페이지 구현

Typescript 기본 타입 정의

• Typescript 개념정리
  · 객체, 클래스 적용
• Typescript Compile 설정
  추상클래스, 메서드 타입정의
• Typescript Array, Tuple
  타입 정의 실습

Typescript 함수 & 객체 정의

• Typescript iterable,
  generator 타입 정의
• Typescript 함수 타입정의
• Typescript 고차함수 타입정의
• Typescript 제네릭타입정의
• Node.js & Typescript 모듈정의

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)
• 1.useReducer 활용 : 상태관리학습
  2.useMemo 활용 : 리액트 앱 최적화하기
• React 감정일기장, 실습 프로젝트 제작
• React 실전예제 국가별 날씨 데이터 출력
  (with 위젯스피너활용)
• React 실전예제(*H&M 쇼핑몰 만들기)

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

• [이론] React CSR 프레임워크 학습
  GraphQL / useStaticQuery /
  pageQuery / Recoil / React query

Node.js 기본기능학습

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

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

• Node.js 설치 및 기본서버 구축
  내부 API 활용
• MySQL 소개 및 CRUD 학습
• Node.js Middleware 학습
• Express 활용 웹서버 구현실습

DataBase 운영.관리 기본

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

React.js Final 프로젝트

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