바닐라 자바스크립트
- 1차 개강일
- 23년 11월 28일(화)
- 2차 개강일
- 23년 12월 12일(화)
- JavaScript
- Vanilla JS
- 바닐라스크립트
- 인터랙티브
- DOM 이벤트
- Ajax
- 플러그인
- 이벤트핸들러

플러그인,라이브러리를
사용하지 않은 순수한 자바스크립트,
바닐라 자바스크립트(Vanillia JS)

자바스크립트의 최신 트렌드인 바닐라스크립트를 이해하고 활용하는 능력과
자바스크립트 기반의 소프트웨어 개발에 사용되는 최신 ES8 문법을 활용하여
응용소프트웨어를 구현하는 능력을 함양할 수 있습니다.
Start now

- Javascript & Vanilla JS
- Javascript 환경구성
- 기본 연산자
- 함수의 이해
- 프로토타입의 이해
- 클래스와 객체의 이해
- 배열이해/재귀와 스택
- 내장함수·객체
- 스케쥴링,바운딩
- 에러 핸들링
- DOM, 브라우저 이벤트
인터랙티브한 콘텐츠 표현
최신 트렌드를 놓치지 않는
실무교육으로
UX, UI 를 향상시키자!
바닐라 스크립트의 장점과 중요성 ~!
- 가벼움 : 아무 것도 다운로드 받지 않아도 되어 가볍고 빠르며
태그로 DOM 요소 검색시 제이쿼리보다 425배 빠른 속도 - 최신언어 ES8 : 새로운 기술들이 도입되며 코드 작성시 높은 효율
- 바닐라 JS는 급변하는 웹 트렌드에 맞는 언어

- 개인별 작업을 통해 나만의 포트폴리오를 제작합니다.
- 트렌디한 예제로 학습합니다. 완성할 수 있도록 1:1 가이드합니다.
- 웹 화면 상에서 동적인 부분들을 구현하고, 인터렉티브한 웹페이지를 만들 수
있습니다.

- ES8 Javascript
- 객체지향 프로그래밍 언어
- 스크립트 활용하기
- Vanilla Script
- 언어특성 활용하기
- Ajax
JSON
Plugin
DOM - 취업방향
- 웹 디자이너 & 웹 퍼블리셔 & 프론트엔드 개발자 & 백엔드 개발자 & 풀스택 개발자
Vanilla Script 디자이너부터 개발자까지-
디자이너부터 개발자까지-
동적 UI 구현 등을 활용하여
스킬들을 습득~!
웹의 동적 구현을 위한 트렌드와 시장 흐름에 따라,
개념을 이해하고 만들어보며, 다양하게 적용하는 방법을 학습합니다.
트렌드에 맞는 스킬과 실무 사례를 바탕으로 한
실습을 통해
전문성에 한 걸음 더 성장하세요.

관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
Day 1
- Javascript 개발 환경 구성
- Javascript 코드 구조
- 변수와 상수, 데이터 타입
- 2
Day 2
- 기본연산자
- 비교,논리,삼항연산자
- 형변환
- 3
Day 3
- 조건문
- 반복문(while)
- 반복문(for)
- 4
Day 4
- 함수의 이해
- 익명함수와 화살표함수
- 콜백함수
- 5
Day 5
- 프로토타입의 이해
- 프로토타입에서의 프로퍼티와 메서드
- 프로토타입에서 getter, setter 함수 정의하기
- 6
Day 6
- 클래스와 객체의 이해
- 클래스에서의 프로퍼티와 메서드
- 클래스에서 getter, setter 함수 정의하기
- 7
Day 7
- 옵셔널 체이닝
- 심볼형
- 가비지 컬렉션
- 8
Day 8
- 클래스의 상속과 메서드 Override, Super
- 정적 프로퍼티, 정적 메서드, 믹스인
- 참조에 의한 객체 복사
- 9
Day 9
- 배열의 이해
- iterable 객체
- 맵과 셋
- 10
Day 10
- JSON
- Object.keys, values, entries
- 구조 분해 할당
- 11
Day 11
- 재귀와 스택
- 변수의 유효범위와 클로저
- 전역객체
- 12
Day 12
- 자바스크립트 내장함수
- 13
Day 13
- 자바스크립트 내장객체
- 14
Day 14
- setTimeout과 setInterval을 이용한 스케쥴링
- call/aplly와 데코레이터, 포워딩
- 함수 바인딩
- 15
Day 15
- 에러 핸들링, 커스텀 에러와 에러 확장
- promise
- async와 await
- 16
Day 16
- 모듈화
- DOM구조 익히기
- DOM 속성과 프로퍼티
- 17
Day 17
- 브라우저 이벤트
- UI 이벤트
- 18
Day 18
- 폼 프로퍼트와 메서드
- 폼 이벤트
- 18
Day 19-21
- XmlHttRequest (Ajax) Part1
- XmlHttRequest (Ajax) Part2
- XmlHttRequest (Ajax) Part3
웹&앱 프로그래밍
웹&앱 프로그래밍 취업완성패스
-
프론트엔드, 백엔드 그리고 배포(DevOps
포함) 등 서비스를 개발할 수 있는 교육백엔드 풀스택(JAVA,Spring)
-
웹 콘텐츠의 기획 및 분석과 디자인,
프론트엔드(풀스택) 개발을 동시에!프론트엔드 풀스택
(React, Node.js) -
현장 실무학습과 자격증 취득으로
웹 개발과 소프트웨어 설계까지정보처리 산업기사 과정평가
-
JAVA + CLOUD
독립적 자바 웹 프로그래밍AWS클라우드기반
자바 웹 개발자 -
스마트폰 대중화와 라이프 스타일을
주도하는 안드로이드 앱 (Android APP)안드로이드 앱
프로그래밍 -
꾸준한 인기 자바(JAVA),
웹&앱 개발자가 되는 필수 언어!자바 웹&앱 프로그래밍
-
웹개발 + 큐레이팅 기능을 더한
웹 서비스를 구현하는 교육큐레이팅 웹서비스
풀스택 개발 -
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UI UX 피그마
React.js -
웹개발 + 큐레이팅 기능을 더한
웹 서비스를 구현하는 교육자바기반 큐레이팅 풀스택 개발
-
프론트엔드, 백엔드 그리고 배포(DevOps
포함) 등 서비스를 개발할 수 있는 교육Java, Spring기반
풀스택 개발자 -
프론트엔드, 백엔드 기술을
활용하여 인공지능 풀스택 개발!인공지능 풀스택 개발
웹&앱 프로그래밍 커리어패스
-
다양한 콘텐츠 구현, 문제해결 능력을
높여, 경쟁력을 키우는 자바언어!자바프로그래밍
-
웹서버 모바일 위치기반 서버 등
구동가능한 실무기반 교육과정node.js
프론트엔드개발 -
자바스크립트 프레임 워크의 혁신~!
프론트엔드 개발자의 필수요소React.js
프론트엔드개발 -
Vue.js 설치 및 프로젝트 배포까지 -
Vue를 활용한 UI 컴포넌트 제작 과정Vue.js 프론트엔드개발
-
진입 장벽이 낮은 언어로 API 활용을
통해 Native Mobile App 개발React Native
모바일 앱 개발 -
급변하는 웹 트렌드에 맞는 언어
순수 자바스크립트, 바닐라JS바닐라
자바스크립트
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.